這篇文章主要介紹了淺談javascript中this在事件中的應(yīng)用實(shí)例，非常有助于我們對(duì)this關(guān)鍵字的理解，這里推薦給大家。

this關(guān)鍵字在javascript中是非常強(qiáng)大的,但是如果你不清楚它是怎么工作的就很難使用它.

代碼如下:

function dosomething(){ this.style.color="#fff"; }

上面這段代碼中的this指向什么呢,運(yùn)行dosomething()會(huì)輸出什么呢?

在javascript中,this總是指向當(dāng)前執(zhí)行的這個(gè)函數(shù),或者把函數(shù)作為方法調(diào)用的這個(gè)對(duì)象.當(dāng)我們?cè)陧?yè)面上定義dosomething()這個(gè)方法后,this的所有者就是當(dāng)前的頁(yè)面,或者說(shuō)是全局對(duì)象.

所以我們執(zhí)行dosomething()這個(gè)函數(shù),會(huì)引發(fā)錯(cuò)誤.因?yàn)楹瘮?shù)的this指向的是全局對(duì)象window,而window對(duì)象沒(méi)有style屬性.

復(fù)制:

代碼如下:

element.onclick=dosomething;

dosomething()現(xiàn)在被整個(gè)復(fù)制到onclick屬性上作為一個(gè)方法.所以如果這個(gè)事件執(zhí)行的話,this就指向這個(gè)HTML元素,相應(yīng)HTML元素的color就會(huì)改變.dosomething每次復(fù)制到事件上,this就會(huì)指向當(dāng)前執(zhí)行這個(gè)方法的html元素.

引用:

代碼如下:

<element onclick="dosomething()">

此時(shí)你沒(méi)有復(fù)制這個(gè)方法,而是引用了這個(gè)方法,onclick屬性并不包含實(shí)際的方法,僅僅只是一個(gè)方法的調(diào)用.當(dāng)我們執(zhí)行這個(gè)方法時(shí),this再次指向全局window對(duì)象并引發(fā)錯(cuò)誤.

以上就是本文的全部?jī)?nèi)容了，有需要的小伙伴好好來(lái)研究下吧。

更多信息請(qǐng)查看IT技術(shù)專欄