函数执行时，上下文中的this是如何被深度解析和影响的？

本文共计2451个文字，预计阅读时间需要10分钟。

目录 + JavaScript 中的 this 是什么 + 全局执行上下文中的 this + 函数执行上下文中的 this + 1. 通过函数的 call 方法设置 this + 2. 通过对象调用方法设置 this + 3. 通过构造函数设置 this + this 的设计缺陷以及应对方法

目录

• JavaScript 中的 this 是什么
• 全局执行上下文中的 this
• 函数执行上下文中的 this
• 1. 通过函数的 call 方法设置
• 2. 通过对象调用方法设置
• 3. 通过构造函数中设置
• this 的设计缺陷以及应对方案
• 1. 嵌套函数中的 this 不会从外层函数中继承
• 2. 普通函数中的 this 默认指向全局对象 window
• 总结

JavaScript 中的 this 是什么

关于 this，我们得先从执行上下文说起。我们知道：执行上下文中包含了变量环境、词法环境、外部环境，当然也包括 this，具体你可以参考下图：

从图中可以看出，this 是和执行上下文绑定的，也就是说每个执行上下文中都有一个 this。