this关键字

在JavaScript中，this关键字指的是它所属的对象。

它拥有不同的值，具体取决于它的使用位置：

• 在方法中，指的是所有者对象；
• 单独的情况下，指的是全局对象；
• 在函数中，指的是全局对象；
• 在函数中，严格模式下，this是undefined；
• 在事件中，指的是接收事件的元素

像call()和apply()这样的方法可以将this引用到任何对象

方法中的this

在对象方法中，this指的是此方法的“拥有者”

单独的this

在单独使用时，拥有者是全局对象，因此this指的是全局对象

在浏览器窗口中，全局对象是[object Window]

函数中的this（默认）

在JavaScript函数中，函数的拥有者默认绑定this

因此，在函数中，this指的是全局对象[object Window]

function myFunction() {
    return this;
}

函数中的this（严格模式）

JavaScript严格模式不允许默认绑定

因此，在函数中使用时，在严格模式下，this是未定义的(undefined)

"use strict";
function myFunction() {
  return this;
}

事件处理程序中的this

在HTML事件处理程序中，this指的是接收此事件的HTML元素

<button onclick="this.style.display='none'">
  点击来删除我！
</button>

显式函数绑定

call() 和 apply() 方法是预定义的 JavaScript 方法

它们都可以用于将另一个对象作为参数调用对象方法

var person1 = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}
var person2 = {
  firstName:"Bill",
  lastName: "Gates",
}

// 当使用 person2 作为参数调用 person1.fullName 时，this 将引用 person2，即使它是 person1 的方法
person1.fullName.call(person2);  // 会返回 "Bill Gates"