JavaScript匿名函数为何不改变上下文？是否与调用栈有关？

核心结论 #

箭头函数不具备独立的this绑定，它的this完全由定义时的外层词法作用域决定，和调用方式、调用栈没有关系。这是箭头函数和普通函数最关键的区别之一。

例1：普通函数的默认上下文 #

const a = function () {
  console.log(this); // 浏览器环境下输出window
}
a();

普通函数在独立调用时（未通过对象、call/apply等指定上下文），this默认绑定到全局对象（浏览器中为window，Node.js中为globalThis）。

例2：对象中的箭头函数上下文 #

const a3 = {
  anyFunction: () => { console.log(this) } // 输出window
}
a3.anyFunction(); 

这里的箭头函数定义在全局作用域中（对象字面量属于全局作用域的一部分），因此它继承的是全局作用域的this（即window）。哪怕通过a3.anyFunction()调用，箭头函数也不会将this切换为a3——因为它本身不支持这种动态绑定逻辑。

例3：简化写法的箭头函数，逻辑一致 #

const a4 = {
  anyFunction: () => console.log(this) // 输出window
}
a4.anyFunction();

和例2逻辑完全相同：箭头函数的this在定义阶段就已固定为外层词法作用域的this（全局的window），调用时无论通过哪个对象触发，都不会改变这个绑定结果。

为什么和调用栈无关？ #

调用栈影响的是普通函数的this绑定（比如普通函数作为对象方法调用时，this指向调用它的对象，这由调用时的执行上下文决定），但箭头函数的this是词法作用域捕获的——在定义时就锁定，和后续调用时的栈结构没有任何关联。可以简单理解为：箭头函数没有自己的this，它会沿着作用域链向上查找，直到找到第一个拥有独立this绑定的普通函数或全局作用域的this。

内容的提问来源于stack exchange，提问作者Ric