欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript關(guān)鍵字this的用法總結(jié)

 更新時(shí)間:2022年06月21日 14:15:14   作者:小旭2021  
這篇文章介紹了JavaScript關(guān)鍵字this的用法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

this 是 JavaScript 中的一個(gè)關(guān)鍵字,指向當(dāng)前的對(duì)象,在不同的場(chǎng)合,this 有不同的含義。

全局環(huán)境中的this

在全局環(huán)境中,this 指向全局對(duì)象Global,即 window 對(duì)象。例如:

alert(this);  // 顯示 [object Window]
alert(this === window);  // 顯示 true

事件處理中的this

在事件處理函數(shù)中,this 指向當(dāng)前節(jié)點(diǎn),即綁定事件的節(jié)點(diǎn)。
在DOM元素中直接綁定事件,例如:

<input type="button" value="點(diǎn)擊這里顯示this" onclick="alert(this)" />
<!-- 顯示 [object HTMLInputElement] -->

在JS代碼中綁定事件處理函數(shù),例如:

<input id="demo" type="button" value="點(diǎn)擊這里顯示this" />
<script type="text/javascript">
document.getElementById("demo").onclick = function(){
    alert(this);  // 顯示 [object HTMLInputElement]
}
</script>

構(gòu)造函數(shù)中的this

在構(gòu)造函數(shù)中,this 指向被創(chuàng)建的對(duì)象。

var user = "xiaoming";
function ItXueyuan(user){
    this.name = "IT學(xué)院";
    this.domain = "www.itxueyuan.org";
    this.user = user;
    this.showUser = function(){
      alert(this.user);
    }
}
var zhangsan = new ItXueyuan("zhangsan");
zhangsan.showUser();  // 顯示"zhangsan"

var wangming = new ItXueyuan("wangming");
wangming.showUser();  // 顯示 wangming

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論