this關鍵字在javascript中是非常強大的,但是如果你不清楚它是怎麼工作的就很難使用它.
上面這段程式碼中的this指向什麼呢,運行dosomething()會輸出什麼呢?
在javascript中,this總是指向當前執行的這個函數,或者把函數作為方法調用的這個對象.當我們在頁面上定義dosomething()這個方法後,this的所有者就是當前的頁面,或者說是全域物件.
所以我們執行dosomething()這個函數,會引發錯誤.因為函數的this指向的是全域物件window,而window物件沒有style屬性.
複製:
dosomething()現在被整個複製到onclick屬性上作為一個方法.所以如果這個事件執行的話,this就指向這個HTML元素,相應HTML元素的color就會改變.dosomething每次複製到事件上,this就會指向目前執行這個方法的html元素.
引用:
此時你沒有複製這個方法,而是引用了這個方法,onclick屬性並不包含實際的方法,僅僅只是一個方法的呼叫.當我們執行這個方法時,this再次指向全域window物件並引發錯誤.
以上就是本文的全部內容了，有需要的小夥伴好好來研究下吧。
