箭头函数的this

箭头函数的 `this` 指向在创建该箭头函数时所处的上下文的 `this` 值，而不是在调用该箭头函数时的 `this` 值。

在普通函数中，`this` 的指向是由函数的调用方式决定的，即由调用该函数的对象来决定。如：

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

obj.sayName(); // 输出：Alice

而在箭头函数中，`this` 的指向是由箭头函数所在的上下文来决定的，如：

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

obj.sayName(); // 输出：undefined

上述代码中，箭头函数 `sayName` 中的 `this` 指向的是全局对象，因为箭头函数是在定义时绑定的。而全局对象中并没有 `name` 属性，因此输出 `undefined`。

需要注意的是，箭头函数不适用于所有情况。如果需要在函数内部使用 `this`，并且希望 `this` 的指向能够根据函数的调用方式来动态确定，那么最好使用普通函数。

相关问题

箭头函数 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 的值是否符合预期，避免出现不必要的错误。

箭头函数this指向

箭头函数的 this 指向是在定义函数时确定的，而不是在运行时确定的。箭头函数没有自己的 this 绑定，它会继承外层作用域的 this 值。这意味着箭头函数内部的 this 与外部的 this 是一致的，与箭头函数被调用的方式无关。

相反，普通函数的 this 指向是在函数被调用时根据调用方式动态确定的。通常情况下，this 的值取决于调用函数的对象。

这是一个箭头函数和普通函数的示例来说明它们之间的差异：

const obj = {
  name: "C知道",
  arrowFunc: () => {
    console.log(this.name); // undefined
  },
  regularFunc: function() {
    console.log(this.name); // C知道
  }
};

const arrowFunc = obj.arrowFunc;
const regularFunc = obj.regularFunc;

arrowFunc();
regularFunc();

在箭头函数中，this.name 打印出 undefined，因为箭头函数继承了外层作用域的 this（在此示例中为全局对象，即 Window 对象），而全局对象没有 name 属性。

而在普通函数中，this.name 打印出 "C知道"，因为它的 this 绑定是根据调用方式动态确定的，而在此示例中该函数是作为 obj 对象的方法调用的，所以 this 绑定到了 obj 对象。

总结起来，箭头函数的 this 是静态的，继承自外层作用域的 this；而普通函数的 this 是动态的，根据调用方式决定。