JavaScript關(guān)鍵字this的用法總結(jié)
更新時(shí)間：2022年06月21日 14:15:14 作者：小旭2021
這篇文章介紹了JavaScript關(guān)鍵字this的用法，文中通過(guò)示例代碼介紹的非常詳細(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)文章
下面小編就為大家?guī)?lái)一篇深入理解JS正則表達(dá)式---分組。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要介紹了詳解JavaScript中Date.UTC()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
this的指向在函數(shù)定義的時(shí)候是確定不了的，只有函數(shù)執(zhí)行的時(shí)候才能確定this到底指向誰(shuí)，實(shí)際上this的最終指向的是那個(gè)調(diào)用它的對(duì)象，接下來(lái)我會(huì)深入的探討這個(gè)問(wèn)題。2016-04-04
JavaScript Break 和 Continue區(qū)別教程
JavaScript Break 和 Continue區(qū)別教程...2007-04-04
JS不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JS不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
原生javascript 學(xué)習(xí)之js變量全面了解
下面小編就為大家?guī)?lái)一篇原生javascript 學(xué)習(xí)之js變量全面了解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JavaScript使用escape()、encodeURI()和decodeURI()實(shí)現(xiàn)URI編碼解碼
這篇文章介紹了JavaScript使用escape()、encodeURI()和decodeURI()實(shí)現(xiàn)URI編碼解碼的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
Bom：瀏覽器對(duì)象模型提供了獨(dú)立于內(nèi)容而與瀏覽器窗口進(jìn)行交互的對(duì)象。描述了與瀏覽器進(jìn)行交互的方法和接口，可以對(duì)瀏覽器窗口進(jìn)行訪(fǎng)問(wèn)和操作，下面我們來(lái)一起學(xué)習(xí)一下吧2019-05-05
javascript cookie基礎(chǔ)應(yīng)用之記錄用戶(hù)名的方法
這篇文章主要介紹了javascript cookie基礎(chǔ)應(yīng)用之記錄用戶(hù)名的方法,涉及javascript基于cookie針對(duì)數(shù)據(jù)存儲(chǔ)的簡(jiǎn)單應(yīng)用,需要的朋友可以參考下2016-09-09
淺析js中2個(gè)等號(hào)與3個(gè)等號(hào)的區(qū)別
這篇文章介紹了js中2個(gè)等號(hào)與3個(gè)等號(hào)的區(qū)別，有需要的朋友可以參考一下2013-08-08