箭頭函數

在 JavaScript 和 TypeScript 里，我們會經常遇到不需要給函數命名的情況，尤其是在需要將一個函數作為參數傳給另外一個函數的時候。 這時，我們會創建 匿名函數 。 因為這些函數不會在其他地方復用，所以我們不需要給它們命名。

這種情況下，我們通常會使用以下語法：

const myFunc = function() {const myVar = "value";return myVar; }

ES6 提供了其他寫匿名函數的方式的語法糖。 你可以使用 箭頭函數 ：

const myFunc = () => {const myVar = "value";return myVar; }

當不需要函數體，只返回一個值的時候 ，箭頭函數允許你省略 return 關鍵字和外面的大括號。 這樣就可以將一個簡單的函數簡化成一個單行語句。

const myFunc = () => "value";

這段代碼默認會返回字符串 value。

帶參數的箭頭函數

和一般的函數一樣，你也可以給箭頭函數傳遞參數。

JavaScript：

const doubler = (item) => item * 2; doubler(4);

TypeScript：

const doubler = (item: number) => item * 2; doubler(4);

doubler(4)?將返回?8。

如果箭頭函數只有一個參數，則可以省略參數外面的括號。

const doubler = item => item * 2;

注：在 TypeScript 里如果要進行類型注解的話，是不可以省略括號的，如省略了括號的話，則不進行類型注解，默認為 any 類型

可以給箭頭函數傳遞多個參數。

JavaScript：

const multiplier = (item, multi) => item * multi; multiplier(4, 2);

TypeScript：

const multiplier = (item: number, multi: number) => item * multi; multiplier(4, 2);

multiplier(4, 2)?將返回?8。

總結

以上是生活随笔為你收集整理的【TypeScript】箭头函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。