JavaScript關(guān)鍵字this的用法總結(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)文章
JavaScript Break 和 Continue區(qū)別教程
JavaScript Break 和 Continue區(qū)別教程...2007-04-04JS不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄狫S不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06原生javascript 學(xué)習(xí)之js變量全面了解
下面小編就為大家?guī)硪黄鷍avascript 學(xué)習(xí)之js變量全面了解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07JavaScript使用escape()、encodeURI()和decodeURI()實(shí)現(xiàn)URI編碼解碼
這篇文章介紹了JavaScript使用escape()、encodeURI()和decodeURI()實(shí)現(xiàn)URI編碼解碼的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05javascript cookie基礎(chǔ)應(yīng)用之記錄用戶名的方法
這篇文章主要介紹了javascript cookie基礎(chǔ)應(yīng)用之記錄用戶名的方法,涉及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