直接在控制台使用

console.log(this); // window

直接在控制台输入this会打印window对象。

定时器回调函数

setTimeout(function() {    console.log(this); // window}, 2000);

定时器执行的回调函数中，this仍然指向window对象。

事件处理函数

    
    
     
      click
     
    

在事件处理中，this指向触发事件的DOM元素。

对象方法的调用

let obj = {    name: 'lebron james',    play: function() {        console.log(this.name); // lebron james    }};obj.play(); // this指向obj对象

当对象方法被调用时，this指向调用者对象。

箭头函数的this指向

let obj1 = {    name: 'davis',    plays: () => {        console.log(this); // window    }};obj1.plays(); // this指向window对象

箭头函数的this指向会向外层寻找作用域，如果没有外层函数，则指向window对象。

call()方法

let obj1 = {    name: 'james',    getName1: function(a, b, c) {        console.log(`getName ${this.name}`); // getName davis        console.log(`参数:${a},${b},${c}`); // 参数:1,2,3    }};let obj2 = {    name: 'davis',    getName2: function() {        console.log(`getName ${this.name}`); // davis    }};obj1.getName1.call(obj2); // this指向obj2obj1.getName1.call(obj2, 1, 2, 3); // 可以传入多个参数

• call()方法用于执行函数，并将this指向指定的对象。第一个参数为目标对象，后续参数会传递给函数。

apply()方法

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

• apply()方法与call()类似，但只能传入两个参数，第二个参数必须是数组。

bind()方法

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

• bind()方法用于将this指向指定的对象，返回一个新的函数。bind()方法的优势在于可以在函数定义时就指定this的值。