JavaScript中this關(guān)鍵字是什么？動(dòng)力節(jié)點(diǎn)小編給大家舉例說(shuō)明。

例子

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

這是什么?

在 JavaScript 中，this關(guān)鍵字指的是一個(gè)對(duì)象。

哪個(gè)對(duì)象取決于this調(diào)用(使用或調(diào)用)的方式。

this關(guān)鍵字根據(jù)其使用方式指代不同的對(duì)象：

在對(duì)象方法中，this指的是對(duì)象。

單獨(dú)，this指的是全局對(duì)象。

在函數(shù)中，this指的是全局對(duì)象。

在嚴(yán)格模式下的函數(shù)中，this是undefined.

在一個(gè)事件中，this指的是接收到該事件的元素。

像call()、apply()和這樣的方法bind()可以引用任何對(duì)象。this

這在一個(gè)方法中

在對(duì)象方法中使用時(shí)，this指的是對(duì)象。

在頂部的示例中，this指的是person對(duì)象。

因?yàn)閒ullName方法是person對(duì)象的方法。

fullName : function() {
  return this.firstName + " " + this.lastName;
}

這個(gè)單獨(dú)

單獨(dú)使用時(shí)，this指的是全局對(duì)象。

因?yàn)閠his是在全局范圍內(nèi)運(yùn)行的。

在瀏覽器窗口中，全局對(duì)象是[object Window]：

let x = this;

在嚴(yán)格模式下，單獨(dú)使用時(shí)，this也指全局對(duì)象：

"use strict";
let x = this;

this在函數(shù)中(默認(rèn))

在函數(shù)中，全局對(duì)象是this.

在瀏覽器窗口中，全局對(duì)象是[object Window]：

function myFunction() {
  return this;
}

函數(shù)中的this (嚴(yán)格)

JavaScript嚴(yán)格模式不允許默認(rèn)綁定。

因此，當(dāng)在函數(shù)中使用時(shí)，在嚴(yán)格模式下，this是undefined.

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

事件處理程序中的this

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

<button onclick="this.style.display='none'">
  Click to Remove Me!
</button>

對(duì)象方法綁定

在這些示例中，this是person 對(duì)象：

const person = {
  firstName  : "John",
  lastName   : "Doe",
  id         : 5566,
  myFunction : function() {
    return this;
  }
};

例子：

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

即this.firstName是this(人對(duì)象)的firstName屬性。

顯式函數(shù)綁定

call()和apply()方法是預(yù)定義的 JavaScript 方法。

它們都可以用來(lái)調(diào)用以另一個(gè)對(duì)象為參數(shù)的對(duì)象方法。