- 相關(guān)推薦
JavaScript中this的用法步驟
關(guān)于JavaScript中this的用法網(wǎng)絡(luò)中已經(jīng)有較多比較詳盡的介紹，可以參考本文的參考學(xué)習(xí)資料和網(wǎng)絡(luò)。本文結(jié)合網(wǎng)絡(luò)收集整理，嘗試以一種簡(jiǎn)易的方式闡述JavaScript中this的用法，希望對(duì)大家關(guān)于JavaScript中this用法的快速理解有所幫助。
1. this用法實(shí)例
復(fù)制代碼 代碼如下:
window.color = “red”;
var o = { color: “blue” };
function sayColor(){
alert(this.color);
}
sayColor(); //”red”
o.sayColor = sayColor;
o.sayColor(); //”blue”
2. this用法簡(jiǎn)易理解
this指向哪里：
this運(yùn)行的環(huán)境（the context object），或者簡(jiǎn)單理解為：this所在函數(shù)被調(diào)用時(shí)的當(dāng)前作用域。
一段實(shí)例代碼立刻明白：
復(fù)制代碼 代碼如下:
var fun = function() {
console.log(this);
}
fun();// console: window，fun 的執(zhí)行context為window，即this所在函數(shù)（fun()）被調(diào)用時(shí)的當(dāng)前作用域?yàn)閣indow。
new fun();//console: fun，fun 的執(zhí)行context為fun對(duì)象內(nèi)，即this所在函數(shù)（fun()）被調(diào)用時(shí)的當(dāng)前作用域?yàn)閒un對(duì)象內(nèi)。
3. this用法的一個(gè)特殊情況
（1）情況：
復(fù)制代碼 代碼如下:
function demo() {
this.value = Math.random();
}
點(diǎn)擊這個(gè)button之后，你會(huì)發(fā)現(xiàn)按鈕的value值沒(méi)有改變。
原因：在本代碼運(yùn)行的情況下this指向的是window對(duì)象。
復(fù)制代碼 代碼如下:
var button = document.getElementById("aButton");
function demo() {
this.value = Math.random();
}
button.onclick= demo;
點(diǎn)擊這個(gè)button之后，程序可正常執(zhí)行。
（2）原因解釋?zhuān)?/p>
復(fù)制代碼 代碼如下:
var button = document.getElementById("aButton");
function demo() {
this.value = Math.random();
}
button.onclick= demo;
alert(button.onclick);
得到的輸出是：
復(fù)制代碼 代碼如下:
function demo() {
this.value = Math.random();
}
復(fù)制代碼 代碼如下:
var button = document.getElementById("aButton");
function demo() {
this.value = Math.random();
}
alert(button.onclick);
得到的輸出是：
復(fù)制代碼 代碼如下:
function onclick() {
demo();
}
【JavaScript中this的用法步驟】相關(guān)文章：
在word中畫(huà)圖的步驟04-22
javascript跨域訪(fǎng)問(wèn)的方法07-19
all用法要點(diǎn)07-24
again用法詳解08-25
英語(yǔ)祈使句的結(jié)構(gòu)及用法06-17
英語(yǔ)介詞to的用法匯總02-01
2018中考必考文言文虛詞18個(gè)及用法說(shuō)明02-13
英語(yǔ)方位名詞的用法07-19
俄語(yǔ)動(dòng)詞“體”的用法02-04