DEV Community
·
深入理解JavaScript中的`this`关键字：完整指南
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
JavaScript中的this关键字常被误解，其值由函数调用方式决定。this指向当前执行上下文的对象，主要有隐式绑定、显式绑定（使用call、apply、bind）、new绑定和全局绑定。理解this的用法有助于编写清晰的代码。
🎯
关键要点
- JavaScript中的this关键字常被误解，其值由函数调用方式决定。
- this指向当前执行上下文的对象，主要有隐式绑定、显式绑定、new绑定和全局绑定。
- 隐式绑定：当函数作为对象的方法调用时，this指向调用该方法的对象。
- 显式绑定：可以使用call、apply或bind方法显式设置this的值。
- new绑定：当使用new关键字调用构造函数时，this指向新创建的对象。
- 全局绑定：如果没有其他规则适用，this默认指向全局对象。
- call方法立即调用函数，并指定this的值和参数。
- apply方法与call类似，但参数以数组形式传递。
- bind方法返回一个新函数，this永久绑定到指定对象，允许延迟调用。
- 掌握this关键字对于编写清晰、上下文敏感的JavaScript代码至关重要。
❓
延伸问答
JavaScript中的this关键字是如何决定其值的？
this的值由函数的调用方式决定，而不是定义位置。
什么是隐式绑定和显式绑定？
隐式绑定是指当函数作为对象的方法调用时，this指向该对象；显式绑定是通过call、apply或bind方法明确设置this的值。
如何使用call、apply和bind方法？
call立即调用函数并指定this和参数，apply类似但参数以数组形式传递，bind返回一个新函数并永久绑定this。
new关键字在构造函数中如何影响this？
使用new关键字调用构造函数时，this指向新创建的对象。
在全局作用域中，this指向什么？
如果没有其他规则适用，this默认指向全局对象，但在严格模式下，this是undefined。
掌握this关键字对JavaScript编程有什么重要性？
掌握this关键字有助于编写清晰、上下文敏感的JavaScript代码。
➡️
