DEV Community
·
JavaScript中的'this'到底是什么？
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
函数的this值由调用方式决定，而非定义位置。箭头函数没有自己的this，而是继承外部作用域的this。理解this的绑定规则有助于预测其在不同情况下的表现。
🎯
关键要点
- 函数的this值由调用方式决定，而非定义位置。
- 箭头函数没有自己的this，而是继承外部作用域的this。
- 理解this的绑定规则有助于预测其在不同情况下的表现。
- 在调用函数时，会创建一个执行上下文，其中包含ThisBinding组件来决定this的值。
- 构造函数调用时，this指向新创建的对象。
- 方法调用时，this指向拥有该方法的对象。
- 箭头函数的this从其外部作用域继承。
- 普通函数调用时，this为全局对象或在严格模式下为undefined。
- 使用箭头函数可以确保this始终指向预期的对象。
- 在实际代码中，使用箭头函数和普通函数的组合可以有效管理this的绑定。
❓
延伸问答
JavaScript中的'this'是如何决定的？
函数的this值由调用方式决定，而非定义位置。
箭头函数和普通函数在'this'的处理上有什么区别？
箭头函数没有自己的this，而是继承外部作用域的this；普通函数则根据调用方式决定this的值。
如何使用箭头函数来管理'this'的绑定？
使用箭头函数可以确保this始终指向预期的对象，避免了普通函数中this指向全局对象或undefined的问题。
在构造函数中，'this'指向什么？
在构造函数调用时，this指向新创建的对象。
普通函数调用时，'this'的值是什么？
普通函数调用时，this为全局对象或在严格模式下为undefined。
如何在实际代码中有效管理'this'的绑定？
可以使用箭头函数和普通函数的组合来有效管理this的绑定，确保在不同上下文中this的正确指向。
➡️
