箭头函数 this

箭头函数是一种比较新的 JavaScript 函数语法，它与传统的函数语法有些不同。在箭头函数中，this 的值由定义时外部的上下文决定，而不是函数被调用时的上下文。

具体来说，箭头函数的 this 值指向了定义时的上下文，也就是说，箭头函数内部的 this 值与外部的 this 值相同。这个特性使得箭头函数很适合用来定义回调函数，因为它可以避免经常出现的 this 混淆问题。

举个例子，假设我们有一个对象 obj，它有一个方法 foo，用箭头函数来定义这个方法的话，它的 this 值就是 obj，不会受到调用 foo 方法时的上下文影响：

const obj = {
  name: 'Alice',
  foo: () => {
    console.log(this.name);
  }
}

obj.foo(); // 输出 undefined

而如果我们用普通函数语法定义 foo 方法，调用时 this 的值就会变成调用时的上下文：

const obj = {
  name: 'Alice',
  foo: function() {
    console.log(this.name);
  }
}

obj.foo(); // 输出 Alice

因此，在使用箭头函数时需要注意 this 的值是否符合预期，避免出现不必要的错误。