TypeScript 箭头函数

ES6 版本的 TypeScript 提供了箭头函数，它是定义匿名函数的 简写 语法，即用于函数表达式。它省略了 function 关键字。我们可以称之为胖箭头（因为 -> 是一个瘦箭头，而 => 是一个“胖”箭头）。它也被称为 Lambda 函数。箭头函数具有“this”关键字的词法作用域。

使用箭头函数的动机是

• 当我们不需要一直输入 function 时。
• 它在词法上捕获了 this 关键字的含义。
• 它在词法上捕获了 arguments 的含义。

语法

我们可以将箭头函数的语法分解为三个部分

• 参数： 一个函数可以有参数，也可以没有参数。
• 箭头符号/lambda 符号 (=>)
• 语句： 它代表函数的指令集。

如果我们使用 胖箭头 (=>) 符号，则不需要使用 function 关键字。参数在括号 () 中传递，函数表达式用花括号 {} 括起来。

在 ES5 和 ES6 编码风格中，有两种编写函数的方式。

带有参数的箭头函数

以下程序是带有参数的箭头函数的示例。

在上面的例子中，sum 是一个箭头函数，“a: number, b: number”是参数类型，“: number”是返回类型，箭头符号 => 分隔函数参数和函数体。

编译上述 TypeScript 程序后，相应的 JavaScript 代码是

输出

没有参数的箭头函数

以下程序是没有参数的箭头函数的示例。

输出

在箭头函数中，如果函数体只包含一条语句，则不需要使用花括号和 return 关键字。我们可以从下面的例子中理解这一点。

输出

类中的箭头函数

我们可以将箭头函数作为类的属性包含在内。以下示例有助于更清晰地理解它。

输出