JavaScript的this關(guān)鍵詞如何使用

本篇內(nèi)容主要講解“JavaScript的this關(guān)鍵詞如何使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“JavaScript的this關(guān)鍵詞如何使用”吧!

this 是什么？

JavaScript this 關(guān)鍵詞指的是它所屬的對(duì)象。

它擁有不同的值，具體取決于它的使用位置：

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

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

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

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

在事件中，this 指的是接收事件的元素。

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

方法中的 this

在對(duì)象方法中，this 指的是此方法的“擁有者”。

在本頁最上面的例子中，this 指的是 person 對(duì)象。

person 對(duì)象是 fullName 方法的擁有者。

fullName : function() {

  return this.firstName + " " + this.lastName;

}

單獨(dú)的 this

在單獨(dú)使用時(shí)，擁有者是全局對(duì)象，因此 this 指的是全局對(duì)象。

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

實(shí)例

var x = this;

函數(shù)中的 this（默認(rèn)）

在 JavaScript 函數(shù)中，函數(shù)的擁有者默認(rèn)綁定 this。

因此，在函數(shù)中，this 指的是全局對(duì)象 [object Window]。

實(shí)例

function myFunction() {

  return this;

}

到此，相信大家對(duì)“JavaScript的this關(guān)鍵詞如何使用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！