“箭头函数的设计初衷是简化回调、绑定词法 this”的补充说明

“ 箭头函数的设计初衷是简化回调、绑定词法 this ”的补充说明

前言

上篇中提到箭头函数不能作为构造函数，核心原因是箭头函数没有自己的 this，也没有 prototype，不满足构造函数的底层要求。

还提到一句话：箭头函数的设计初衷是简化回调、绑定词法 this，完全不适合扮演「构造对象」的角色，因此不能通过 new 调用，也不能作为构造函数。这里来补充对于这句话的一些理解。

一、「词法 this」到底是什么？

在 JavaScript 里，普通函数的 this 是运行时动态决定的（谁调用它，this 就指向谁），很容易在回调、定时器里「跑飞」；而箭头函数的 this 是「词法绑定」意思是：

• 它的 this 不是在调用时确定，而是在定义它的那个代码位置（词法作用域）就固定下来了；
  • 它会捕获外层作用域（包裹它的那个函数 / 全局）的 this 值，之后再也不会改变。

二、代码说明

1.普通函数：this 会「跑飞」

代码如下（示例）：

constobj={name:'Alice',sayHi:function(){console.log('sayHi里的this:',this);// 这里 this 指向 objsetTimeout(function(){// 普通回调函数：this 变成了全局对象（或严格模式下 undefined）console.log(this.name);// 输出 undefined，因为 this 不再指向 obj},100);}};obj.sayHi();

2.箭头函数：this 被「钉死」在定义时的作用域

代码如下（示例）：

constobj={name:'Alice',sayHi:function(){console.log('sayHi里的this:',this);// 依然指向 objsetTimeout(()=>{// 箭头函数：捕获外层 sayHi 函数的 this（也就是 obj）console.log(this.name);// 输出 'Alice'，this 没有跑飞},100);}};obj.sayHi();

三、核心结论

• 词法 this = 定义时绑定，继承外层作用域的 this
• 普通函数：this 看怎么调用（谁调用、用 call/apply/bind 等）
• 箭头函数：this 看在哪定义（继承最近一层非箭头函数的 this）
• 也正因为 this 被钉死，箭头函数不能用 new 调用（无法作为构造函数生成新对象），所以才会说「不适合扮演构造对象的角色」。