JavaScript 箭头函数
箭头函数
箭头函数（Arrow functions）是ES6引入的一种新的函数定义方式，它相比传统的函数表达式具有简洁和便利的特点。以下是箭头函数的几个重要特点和使用方式：
-
语法简洁：
箭头函数使用箭头（=>）来定义函数，可以省略function关键字和return关键字（在某些情况下）。 -
没有自己的this：
箭头函数没有自己的this，它的this继承自外层最近一层非箭头函数的上下文。这解决了传统函数中this指向问题的困扰。 -
适合简单函数：
箭头函数适合于那些不需要使用this、arguments等传统函数特性的简单函数场景，使得代码更加简洁和易读。 -
不适合作为构造函数：
箭头函数不能用作构造函数，因此不能使用new关键字实例化。 -
省略return：
当箭头函数体内只有一条语句时，可以省略大括号{}和return关键字。
// 传统函数表达式
let traditionalFunc = function(x, y) {return x + y;
};// 箭头函数
let arrowFunc = (x, y) => x + y;// 省略大括号和return的情况
let conciseArrowFunc = (x, y) => x + y;// 多行箭头函数
let multiLineArrowFunc = (x, y) => {let result = x + y;return result;
};// 使用箭头函数作为回调
let numbers = [1, 2, 3];
let squaredNumbers = numbers.map(x => x * x);// 注意：箭头函数没有自己的this
箭头函数需要返回一个对象
当箭头函数需要返回一个对象时，有一个需要注意的细节：如果直接返回对象字面量（即用大括号{}包裹的内容），JavaScript 解析器会将其视为一个代码块而不是对象字面量。为了正确返回对象字面量，可以使用以下两种方式之一：
使用小括号包裹对象字面量：
let getObject = () => ({ key: value });
在箭头函数内部，通过在对象字面量外层添加小括号，明确告诉解析器这是一个对象字面量的返回值，而不是一个代码块。
使用return关键字：
let getObject = () => {return { key: value };
};
示例
// 使用小括号包裹对象字面量
let getObject = () => ({ name: 'Alice', age: 30 });// 使用return关键字
let getObject = () => {return { name: 'Bob', age: 25 };
};console.log(getObject()); // 输出：{ name: 'Alice', age: 30 } 或 { name: 'Bob', age: 25 }
利用箭头函数和剩余参数实现对传入的所有参数进行求和
剩余参数允许我们将不定数量的参数表示为一个数组，在箭头函数中使用这个特性可以轻松地计算它们的总和。
let sum = (...numbers) => {return numbers.reduce((acc, current) => acc + current, 0);
};console.log(sum(1, 2, 3)); // 输出 6
console.log(sum(1, 2, 3, 4, 5)); // 输出 15
console.log(sum(10)); // 输出 10
console.log(sum()); // 输出 0，没有参数时返回默认值
回调函数的作用是将累加器 acc 和(acc,current)=>acc +current当前元素:current 相加，返回相加的结果，
初始时，acc 的值是 0，表示累加的初始值,
在每次迭代中，acc 的值将会加当前数组元素current的值。