js this如何工作

在 javascript 中，this 关键字的本质是动态绑定到当前执行环境中的对象。其作用域取决于调用环境，包括全局作用域、函数作用域（方法、普通函数、箭头函数、构造函数）和事件处理程序。为了避免混淆，箭头函数使用父作用域的 this 值，并且 this 不可重新赋值。可以使用 bind()、call() 或 apply() 方法显式绑定 this 值，以在外部函数中访问 this。

JS this：深入浅出

this 的本质

在 JavaScript 中，this 是一个特殊关键字，指代当前执行环境中的对象。它是一个动态绑定关键词，即其值在运行时确定。

作用域

this 的作用域取决于它被调用的环境：

• 全局作用域：在全局代码中调用时，this 指代 window 对象。

• 函数作用域：在函数中调用时，this 指代函数被调用的对象：

  • 方法：this 指代包含该方法的对象。
  • 普通函数：this 指代 window 对象（严格模式下为 undefined）。
  • 箭头函数：this 继承其父作用域的 this 值。
• 构造函数：在构造函数中调用时，this 指代新创建的对象。
• 事件处理程序：在事件处理程序中调用时，this 指代 DOM 元素触发事件。

常见问题

• 为什么使用箭头函数？

  • 箭头函数的 this 不受函数作用域的影响，始终继承其父作用域的 this 值。这使代码更易于维护。

• 我可以将 this 重新赋值吗？

  • 不，this 是不可重新赋值的。这样做可能会导致意外行为。

• 如何在外部函数中访问 this？

  • 您可以使用 bind()、call() 或 apply() 方法显式绑定 this 值。