本文共 1708 字，大约阅读时间需要 5 分钟。

this指向改变方法详解

一、this指向基础知识

this是一个关键字，其指向取决于函数的类型和调用方式。在 JavaScript 中，this的默认指向是 window对象。以下是两种主要函数类型对this的影响：

以下是实际场景中的 this 指向表现：

• 场景一：

  直接在控制台打印 this，结果是 window。

• 场景二：

  使用 setTimeout 定时器执行回调函数，回调函数中的 this 仍然指向 window。

• 场景三：

  事件处理中绑定的 this 指向目标DOM元素。

• 场景四：

  对象方法中的 this 指向调用者对象。

• 场景五：

  箭头函数在对象字面量中使用时，this 指向 window，因为无法继承对象的上下文。

二、改变this指向的三种方法

三、实战演练

示例一：使用 call() 改变 this 指向

let obj1 = { name: 'james', getName1: function(a, b, c) { console.log(`getName ${this.name}`); } };let obj2 = { name: 'davis' };obj1.getName1.call(obj2, 1, 2, 3);

执行后，getName 会输出 davis，并显示参数 1, 2, 3。

示例二：使用 apply() 改变 this 指向

let obj1 = { name: 'james', getName1: function(a, b, c) { console.log(`getName ${this.name}`); } };let obj2 = { name: 'davis' };obj1.getName1.apply(obj2, [1, 2, 3]);

执行后，结果与 call() 相同。

示例三：使用 bind() 绑定 this

let obj1 = { name: 'james', getName1: function(a, b, c) { console.log(`getName ${this.name}`); } };let obj2 = { name: 'davis' };let boundFunc = obj1.getName1.bind(obj2);boundFunc(1, 2, 3);

执行后，getName 会始终输出 davis。

四、总结

通过 call()、apply() 和 bind() 三种方法，可以精确控制 this 的指向。掌握这些方法是 JavaScript 开发的核心技能之一。