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