箭头函数this指向问题，箭头函数与普通函数的区别？

箭头函数和普通函数最大的区别在于它们的this指向不同。

普通函数的this指向是动态的，在运行时根据调用时的上下文决定。当使用函数调用、对象方法调用或apply/call/bind等方法调用时，this指向的对象不同。

而箭头函数的this指向是静态的，即函数定义时所在的词法作用域的this值，无法通过任何方式改变this的指向。

这意味着，在箭头函数内部使用this时，它指向的是箭头函数所在的上下文，而不是函数调用时的上下文。这也是为什么箭头函数经常被用来解决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 是动态的，根据调用方式决定。

箭头函数this指向问题的的面试题

在面试中，关于箭头函数`this`指向的问题是一个常见热点。箭头函数与普通函数的一个关键区别在于它们内部的`this`绑定。这里有几个典型面试题目：

1. **固定this**: 箭头函数内部的`this`总是绑定到函数外部的作用域，也就是定义时的上下文。例如：

   const obj = {
     sayHi: () => {
       console.log(this); // 在这里，this指向obj
     }
   };

这意味着你不必担心箭头函数在调用过程中动态改变`this`。

2. **避免意外改变**: 因此，当需要在回调函数中保持稳定的`this`时，箭头函数非常有用。比如在事件处理或Promise链中：

   const button = document.getElementById('myButton');
   button.addEventListener('click', () => console.log(this)); // 此处this始终指向window

3. **陷阱示例**: 面试者可能会故意设置场景考验理解：
- 如果在一个普通函数内使用箭头函数，`this`将取决于普通函数：

   function parentFunc() {
     const innerArrow = () => {
       console.log(this); // 这里this取决于parentFunc的调用情况
     };
     innerArrow();
   }

4.