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)文章
JavaScript中Number.MAX_VALUE屬性的使用方法
這篇文章主要介紹了JavaScript中Number.MAX_VALUE屬性的使用方法,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作
這篇文章主要介紹了JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作的方法,用于向HTML元素中添加事件,需要的朋友可以參考下2015-10-10
JavaScript簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語(yǔ)言,javascript的出現(xiàn)使得網(wǎng)頁(yè)和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的，動(dòng)態(tài)性的，交互性的關(guān)系，使網(wǎng)頁(yè)包含更多活躍的元素和更加精彩的內(nèi)容2017-06-06
JavaScript初級(jí)教程(第五課)...2007-04-04
JS鍵盤(pán)的鍵碼(event.keyCode)圖片版
js獲取鍵盤(pán)按鍵的鍵碼event.keyCode,下面則是鍵盤(pán)的鍵碼分布，記錄一下，以備不時(shí)之需2013-01-01
這篇文章主要介紹了js類式繼承的具體實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-12-12
js中g(shù)etBoundingClientRect( )方法案例詳解
這篇文章主要介紹了js中g(shù)etBoundingClientRect( )方法案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
鍵盤(pán)控制事件應(yīng)用教程大全...2006-11-11
Javascript基礎(chǔ)教程之?dāng)?shù)組 array
Array是JavaScript中常用的類型，并且JavaScript中的數(shù)組和其他語(yǔ)言的數(shù)組有比較大的區(qū)別。JavaScript中數(shù)組中存放的數(shù)據(jù)類型不一定相同，而且數(shù)組的長(zhǎng)度也是可改變的。2015-01-01
下面小編就為大家?guī)?lái)一篇json的使用小結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06