javascript箭头函数

// 箭头函数的基本语法
const add = (a, b) => {
    return a + b;
};

// 如果函数体只有一行代码，并且返回结果，可以省略大括号和return关键字
const subtract = (a, b) => a - b;

// 如果参数只有一个，可以省略小括号
const double = x => x * 2;

// 箭头函数可以用于数组的方法中，例如map、filter、reduce等
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(x => x * x);

// 箭头函数没有自己的this，它会捕获其所在上下文的this值
const obj = {
    value: 10,
    multiply: function(n) {
        // 使用普通函数时，this指向的是当前对象
        setTimeout(function() {
            console.log(this.value * n); // this指向window或undefined (严格模式)
        }, 1000);

        // 使用箭头函数时，this仍然指向obj对象
        setTimeout(() => {
            console.log(this.value * n); // this指向obj对象
        }, 1000);
    }
};

obj.multiply(2);

解释说明：

1. 基本语法：箭头函数使用 => 符号定义。如果函数体只有一行代码并且返回结果，可以省略大括号和 return 关键字。
2. 单个参数：当函数只有一个参数时，可以省略小括号。
3. 数组方法中的使用：箭头函数常用于数组的高阶函数（如 map、filter、reduce）中，使代码更加简洁。
4. this 绑定：箭头函数没有自己的 this，它会捕获其所在上下文的 this 值。这在处理回调函数时非常有用，避免了 this 指向不正确的问题。