js 箭头实现
在 JavaScript 中，箭头函数（Arrow Function）是一种简洁的函数表达式语法，使用 => 符号定义。以下是箭头函数的常见实现方式和使用场景：
基本语法
箭头函数的基本语法如下：
const functionName = (parameters) => {
// 函数体
};如果函数体只有单行且需要返回值，可以省略大括号和 return：
const sum = (a, b) => a + b;单参数简化
当箭头函数只有一个参数时，可以省略参数的小括号：
const square = x => x * x;无参数函数
如果函数没有参数，仍需保留空的小括号：
const greet = () => console.log("Hello!");返回对象字面量
如果箭头函数直接返回对象字面量，需要用圆括号包裹对象，避免与大括号冲突：
const createUser = (name, age) => ({ name, age });箭头函数的特点
- 没有自己的
this：箭头函数的this继承自外层作用域，适合用于回调函数（如事件处理器或定时器）。 - 不能作为构造函数：箭头函数不能使用
new调用。 - 没有
arguments对象：需使用剩余参数（...args）替代。
示例场景
数组方法
const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);事件监听
document.getElementById("btn").addEventListener("click", () => {
console.log("Button clicked");
});定时器
setTimeout(() => {
console.log("Timeout completed");
}, 1000);注意事项
- 箭头函数不适合需要动态
this的场景（如对象方法）。 - 避免在需要
arguments对象的场景中使用箭头函数。
通过箭头函数可以简化代码并避免 this 绑定的问题，但需根据场景合理选择是否使用。
