本文共 1708 字，大约阅读时间需要 5 分钟。
this是一个关键字，其指向取决于函数的类型和调用方式。在 JavaScript 中，this的默认指向是 window对象。以下是两种主要函数类型对this的影响：
普通函数：
this 的指向取决于谁调用了函数。如果没有明确调用者，this 默认指向 window。箭头函数（ES6）：
this 指向外层函数的上下文。this 默认指向 window。以下是实际场景中的 this 指向表现：
场景一：
直接在控制台打印this，结果是 window。场景二：
使用setTimeout 定时器执行回调函数，回调函数中的 this 仍然指向 window。场景三：
事件处理中绑定的this 指向目标DOM元素。场景四：
对象方法中的this 指向调用者对象。场景五：
箭头函数在对象字面量中使用时，this 指向 window，因为无法继承对象的上下文。call() 方法
call() 方法可以指定 this 的指向。this。let obj1 = { name: 'james', getName1: function(a, b, c) { ... } };obj1.getName1.call(obj2, 1, 2, 3);this 会指向 obj2。apply() 方法
call() 类似，但主要用于传递多个参数。let obj1 = { name: 'james', getName1: function(a, b, c) { ... } };obj1.getName1.apply(obj2, [1, 2, 3]);this 会指向 obj2，并将参数 1, 2, 3 传递给函数。bind() 方法
this 的指向，返回一个新的函数。let boundFunc = obj1.getName1.bind(obj2);boundFunc(1, 2, 3);
this 始终指向 obj2。示例一：使用 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 开发的核心技能之一。
转载地址：http://yxgfk.baihongyu.com/