在 JavaScript 中，this 关键字通常指向当前执行上下文中的对象。但是在某些情况下，this 的指向并不是我们想要的，这时候我们需要改变它的指向。本文将总结三种改变 this 指向的方法，并提供示例代码。
方法一：使用 call、apply 方法
call 和 apply 方法可以用来改变函数执行时的 this 指向。它们的第一个参数都是需要改变的 this 对象，第二个参数则是函数的参数列表，apply 方法的参数是一个数组。
示例代码：
// javascriptcn.com 代码示例
const obj1 = {
name: 'obj1',
sayHello() {
console.log(`Hello, ${this.name}!`);
}
};
const obj2 = {
name: 'obj2'
};
obj1.sayHello.call(obj2); // 输出：Hello, obj2!
obj1.sayHello.apply(obj2); // 输出：Hello, obj2!方法二：使用 bind 方法
bind 方法会创建一个新的函数，并将原函数的 this 指向绑定到指定的对象上。bind 方法不会立即执行函数，而是返回一个新的函数，需要手动调用。
示例代码：
// javascriptcn.com 代码示例
const obj1 = {
name: 'obj1',
sayHello() {
console.log(`Hello, ${this.name}!`);
}
};
const obj2 = {
name: 'obj2'
};
const sayHelloToObj2 = obj1.sayHello.bind(obj2);
sayHelloToObj2(); // 输出：Hello, obj2!方法三：使用箭头函数
箭头函数的 this 指向是在函数定义时确定的，而不是在函数执行时确定的。箭头函数的 this 指向定义它的上下文。
示例代码：
// javascriptcn.com 代码示例
const obj1 = {
name: 'obj1',
sayHello() {
const sayHelloArrow = () => {
console.log(`Hello, ${this.name}!`);
};
sayHelloArrow();
}
};
const obj2 = {
name: 'obj2'
};
obj1.sayHello.call(obj2); // 输出：Hello, obj1!总结
本文介绍了三种改变 JavaScript 中 this 指向的方法：使用 call、apply 方法、使用 bind 方法以及使用箭头函数。在实际开发中，需要根据具体情况选择合适的方法来改变 this 指向，从而避免出现不必要的错误。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6556d78bd2f5e1655d136c1c