JavaScript中this是什么

JavaScript this 关键词指的是它所属的对象

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

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

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

 

一、方法（method）中的 this

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

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

二、单独的 this

在单独使用时，拥有者是全局对象，因此 this 指的是全局对象。在浏览器窗口中，全局对象是 [object Window]：

var x = this;

三、函数中的 this（默认）

在 JavaScript 函数中，函数的拥有者默认绑定 this。因此，在函数中，this 指的是全局对象 [object Window]。

<button οnclick="test()">click</button> 

<script>
          var a = 1;
          var b = 2;
          function test(){
            let c = this.a + this.b;
            console.log(c);//3
          }
    </script>

四、事件处理程序中的 this

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

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