揭秘JS 之 this：它无处不在却令你难以琢磨

在我们开始讨论this之前，让我们先了解一些基本概念。

什么是作用域？

作用域是指一个变量可以被访问的范围。在JavaScript中，有两种作用域：

• 全局作用域： 全局作用域是指在任何地方都可以访问的变量。
• 局部作用域： 局部作用域是指只能在函数内部访问的变量。

什么是绑定？

绑定是指将一个变量或函数与一个对象关联起来。在JavaScript中，有三种类型的绑定：

• 静态绑定： 静态绑定是指在编译时将变量或函数与对象关联起来。
• 动态绑定： 动态绑定是指在运行时将变量或函数与对象关联起来。
• 词法作用域： 词法作用域是指根据代码的结构来确定变量或函数的作用域。

this关键字

this关键字是一个特殊的变量，它指向当前正在执行的函数的作用域中的对象。this关键字可以在任何函数中使用，但它的值取决于函数的调用方式。

this关键字的用法

this关键字有两种最常见的使用方式：

• 作为对象的方法： 当一个函数作为对象的方法被调用时，this关键字指向该对象。
• 作为独立的函数： 当一个函数作为独立的函数被调用时，this关键字指向全局对象。

this关键字的传递

this关键字的传递方式取决于函数的调用方式。

• 直接调用： 当一个函数被直接调用时，this关键字指向全局对象。
• 方法调用： 当一个函数作为对象的方法被调用时，this关键字指向该对象。
• 构造函数调用： 当一个函数作为构造函数被调用时，this关键字指向新创建的对象。
• apply()、call()和bind()方法： 这三个方法可以改变this关键字指向的对象。

this关键字的控制

this关键字的值可以通过apply()、call()和bind()方法来控制。

• apply()方法： apply()方法可以将this关键字指向一个指定的函数。
• call()方法： call()方法也可以将this关键字指向一个指定的函数。
• bind()方法： bind()方法可以创建一个新的函数，并将this关键字绑定到一个指定的函数。

this关键字的常见错误

在使用this关键字时，很容易犯一些错误。最常见的错误包括：

• 忘记将this关键字绑定到一个对象： 当一个函数作为对象的方法被调用时，this关键字会自动指向该对象。然而，当一个函数作为独立的函数被调用时，this关键字指向全局对象。
• 将this关键字与箭头函数一起使用： 箭头函数没有自己的this关键字。这意味着，箭头函数中的this关键字指向最近的非箭头函数的作用域中的对象。

结论

this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数作用域中。即使是非常有经验的JavaScript开发者也很难说清楚它到底只想什么。我希望通过本文的讲解，你能对this关键字有更深入的了解。