TypeScript 箭头函数

TypeScript 中的箭头函数（Arrow Function）是 ES6 引入的一种新的函数定义方式，它提供了一种更简洁的语法来编写函数。箭头函数在 TypeScript 中的使用与 JavaScript 中相同，但 TypeScript 允许你为箭头函数的参数和返回值添加类型注解。

基本语法

( [param1, param2,…param n] )=>{
    // 函数体
};

如函数体只有一条语句，可以省略花括号和 return 关键字：

(parameters) => expression;

箭头函数示例

// 没有参数的箭头函数
const sayHello = () => {
    console.log('Hello, TypeScript!');
};

// 带参数的箭头函数
const add = (a: number, b: number): number => {
    return a + b;
};

// 只有一条语句时简写形式
const double = (x: number) => x * 2;

// 使用对象字面量作为函数体
const person = () => ({ name: "Jerry", age: 24 });
console.log(person ()); // 输出 { name: 'Jerry', age: 24}

// 使用剩余参数
const sum = (...numbers: number[]) => numbers.reduce((acc, num) => acc + num, 0);
console.log(sum2(1, 2, 3, 4, 5, 6)); // 输出 21

箭头函数的特点

• 没有自己的 this: 箭头函数没有自己的 this 值，它会捕获其所在上下文的 this 值，作为自己的 this。

• 不能作为构造函数: 箭头函数不能用作构造函数，也就是说，不能使用 new 关键字来调用箭头函数。

• 没有 arguments 对象: 箭头函数没有自己的 arguments 对象，但可以通过剩余参数来获取函数调用的所有参数。

箭头函数提供了一种更简洁、更易于理解的方式来编写函数，并且由于它们没有自己的 this 值，因此在处理对象方法和类时非常有用。