=> - Javascript

在 JavaScript 中，符号“=>”通常被称为“箭头函数”，是 ES6 新增的语法，用于简化函数定义。箭头函数与常规的函数定义不同，主要体现在以下方面：

• 箭头函数可以更简洁地定义函数
• 箭头函数中的 this 是在定义时绑定的，而不是在运行时绑定的
• 箭头函数没有自己的 arguments，但可以访问外部函数的 arguments

简洁定义函数

箭头函数可以更简洁地定义函数。例如，我们可以用箭头函数代替常规的匿名函数：

// 常规匿名函数
var anonymous = function(x, y) {
    return x + y;
}

// 箭头函数
var arrow = (x, y) => x + y;

this 的绑定

箭头函数中的 this 是在定义时绑定的，而不是在运行时绑定的。这意味着，如果我们在箭头函数中使用 this，它将引用定义函数时所在的上下文。例如：

var person = {
    name: 'Alice',
    sayHi: function() {
        setTimeout(() => {
            console.log(`Hi, my name is ${this.name}`);
        }, 1000);
    }
};

person.sayHi(); // 输出： Hi, my name is Alice

在上面的例子中，箭头函数中的 this 指向了定义函数时所在的 person 对象，而不是 setTimeout 函数本身。

外部函数的 arguments

箭头函数没有自己的 arguments 对象。但是，我们可以使用外部函数的 arguments，只需要访问它就可以了。例如，下面的箭头函数调用了外部函数的 arguments：

function foo() {
    setTimeout(() => {
        console.log(arguments);
    }, 1000);
}

foo(1, 2, 3); // 输出： [1, 2, 3]

在上面的例子中，我们在箭头函数中访问了外部函数 foo 的 arguments。

总结

箭头函数是 ES6 中一个非常方便的新特性，可以用于简化函数定义，并且可以更好地控制 this 的绑定。当我们在编写 JavaScript 代码时，可以优先选择使用箭头函数来定义函数，以提高代码的可读性和可维护性。