JavaScript中的this關(guān)鍵字是什么及怎么用

今天小編給大家分享一下JavaScript中的this關(guān)鍵字是什么及怎么用的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

例子

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ì)象方法。

以上就是“JavaScript中的this關(guān)鍵字是什么及怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。