DEV Community
·
理解 JavaScript 中的 this：开发者快速指南
💡
原文英文，约1700词，阅读约需6分钟。
📝
内容提要
JavaScript是一种用于网页开发的轻量级编程语言，主要用于增加交互性。理解JavaScript的语法和this关键字在不同上下文中的表现是开发者的重要技能。在全局上下文中，this指向window对象；在函数中，this取决于调用方式。可以通过call、apply、bind方法手动设置this。箭头函数中，this继承自最近的非箭头函数。掌握this有助于提高开发效率。
🎯
关键要点
- JavaScript是一种轻量级的编程语言，主要用于网页开发和增加交互性。
- 理解JavaScript的语法和this关键字在不同上下文中的表现是开发者的重要技能。
- this关键字指向代码执行的对象，其值取决于调用方式和上下文。
- 全局执行上下文中，this指向window对象，变量可以在任何地方访问。
- 在Node环境中，this指向一个空对象，无法访问全局变量。
- 函数执行上下文中，this的值取决于函数的调用方式，包括函数调用、方法调用、构造函数调用和间接调用。
- 在非严格模式下，函数调用时this指向window对象，在严格模式下则为undefined。
- 方法调用时，this指向调用该方法的对象。
- 构造函数调用时，this指向新创建的对象。
- 间接调用可以通过call、apply和bind方法手动设置this的值。
- 箭头函数没有自己的this，继承自最近的非箭头函数的上下文。
- 掌握this的使用有助于提高开发效率，特别是在大型代码库中。
➡️
