this 關(guān)鍵字在 javascript 中是非常強大的,但是如果你不清楚它是怎么工作的就很難使用它.
[js] view plaincopy
function dosomething(){ this.style.color="#fff"; }
上面這段代碼中的 this 指向什么呢,運行 dosomething() 會輸出什么呢?
在 javascript 中,this 總是指向當(dāng)前執(zhí)行的這個函數(shù),或者把函數(shù)作為方法調(diào)用的這個對象.當(dāng)我們在頁面上定義 dosomething() 這個方法后,this 的所有者就是當(dāng)前的頁面,或者說是全局對象.
所以我們執(zhí)行 dosomething() 這個函數(shù),會引發(fā)錯誤.因為函數(shù)的 this 指向的是全局對象window,而 window 對象沒有 style 屬性.
復(fù)制:
[js] view plaincopy
element.onclick=dosomething;
dosomething() 現(xiàn)在被整個復(fù)制到 onclick 屬性上作為一個方法.所以如果這個事件執(zhí)行的話,this 就指向這個 HTML 元素,相應(yīng) HTML 元素的 color 就會改變.dosomething 每次復(fù)制到事件上,this 就會指向當(dāng)前執(zhí)行這個方法的 html 元素.
引用:
[js] view plaincopy
<element onclick="dosomething()">
此時你沒有復(fù)制這個方法,而是引用了這個方法,onclick 屬性并不包含實際的方法,僅僅只是一個方法的調(diào)用.當(dāng)我們執(zhí)行這個方法時,this 再次指向全局 window 對象并引發(fā)錯誤.
以上就是本文的全部內(nèi)容了,有需要的小伙伴好好來研究下吧。