JavaScript 中的 this 关键字204

简介

this 关键字在 JavaScript 中是一个特殊关键字，它引用当前执行代码的对象。它是 JavaScript 中一个强大的工具，可用于理解和操纵对象的行为。

this 的作用域

this 关键字的作用域取决于它所在函数的调用方式。有几种不同的方法可以调用 JavaScript 函数，每种方法都会影响 this 的值。
方法调用：当 this 作为对象方法的一部分被调用时，它引用调用该方法的对象。
函数调用：当 this 作为独立函数被调用时，它引用全局对象（在浏览器中为 window，在中为 global）。
构造函数调用：当 this 作为构造函数的一部分被调用时，它引用正在创建的新对象。
箭头函数调用：箭头函数（ES6 中引入）没有自己的 this 值，它们继承其父作用域中的 this 值。

示例```javascript
// 方法调用
const person = {
name: "John",
greet: function() {
(`Hello, my name is ${}`);
}
};
(); // 输出：Hello, my name is John
```
```javascript
// 函数调用
function greet() {
(`Hello, my name is ${}`);
}
greet(); // 输出：Hello, my name is undefined（因为 this 引用全局对象，它没有 name 属性）
```
```javascript
// 构造函数调用
function Person(name) {
= name;
}
const john = new Person("John");
(); // 输出：John
```
绑定 this
有时，您可能希望在特定对象上调用一个函数，即使该函数不是该对象的方法。这可以通过绑定 this 来实现。
绑定 this 有几种方法：
* bind() 方法： bind() 方法创建一个新函数，该函数将 this 绑定到指定的对象。
* call() 方法： call() 方法立即执行函数，并为 this 传递一个指定的对象。
* apply() 方法： apply() 方法与 call() 类似，但它接受一个数组作为第二个参数，而不是逐个参数提供参数。
示例
```javascript
const greet = function() {
(`Hello, my name is ${}`);
};
const person = {
name: "John"
};
// 使用 bind() 绑定 this
const boundGreet = (person);
boundGreet(); // 输出：Hello, my name is John
```
```javascript
// 使用 call() 绑定 this
(person); // 输出：Hello, my name is John
```
```javascript
// 使用 apply() 绑定 this
(person); // 输出：Hello, my name is John
```