JavaScript中this的用法步驟

　　關(guān)于JavaScript中this的用法網(wǎng)絡(luò)中已經(jīng)有較多比較詳盡的介紹，可以參考本文的參考學(xué)習(xí)資料和網(wǎng)絡(luò)。本文結(jié)合網(wǎng)絡(luò)收集整理，嘗試以一種簡易的方式闡述JavaScript中this的用法，希望對大家關(guān)于JavaScript中this用法的快速理解有所幫助。

　　1. this用法實例

　　復(fù)制代碼 代碼如下:

　　window.color = “red”;

　　var o = { color: “blue” };

　　function sayColor(){

　　alert(this.color);

　　}

　　sayColor(); //”red”

　　o.sayColor = sayColor;

　　o.sayColor(); //”blue”

　　2. this用法簡易理解

　　this指向哪里：

　　this運行的環(huán)境（the context object），或者簡單理解為：this所在函數(shù)被調(diào)用時的當(dāng)前作用域。

　　一段實例代碼立刻明白：

　　復(fù)制代碼 代碼如下:

　　var fun = function() {

　　console.log(this);

　　}

　　fun();// console: window，fun 的執(zhí)行context為window，即this所在函數(shù)（fun()）被調(diào)用時的當(dāng)前作用域為window。

　　new fun();//console: fun，fun 的執(zhí)行context為fun對象內(nèi)，即this所在函數(shù)（fun()）被調(diào)用時的當(dāng)前作用域為fun對象內(nèi)。

　　3. this用法的一個特殊情況

　�。�1）情況：

　　復(fù)制代碼 代碼如下:

　　function demo() {

　　this.value = Math.random();

　　}

　　點擊這個button之后，你會發(fā)現(xiàn)按鈕的value值沒有改變。

　　原因：在本代碼運行的情況下this指向的是window對象。

　　復(fù)制代碼 代碼如下:

　　var button = document.getElementById("aButton");

　　function demo() {

　　this.value = Math.random();

　　}

　　button.onclick= demo;

　　點擊這個button之后，程序可正常執(zhí)行。

　　（2）原因解釋：

　　復(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中畫圖的步驟04-22

如何調(diào)試javascript腳本呢07-19

javascript跨域訪問的方法07-19

all用法要點07-24

again用法詳解08-25

英語祈使句的結(jié)構(gòu)及用法06-17

英語介詞to的用法匯總02-01

2018中考必考文言文虛詞18個及用法說明02-13

英語方位名詞的用法07-19

俄語動詞“體”的用法02-04