javascript實現方法調用與方法觸發小結，javascript小結

javascript實現方法調用與方法觸發小結，javascript小結

在js中，this關鍵字是一個比較讓人有意思的東西，但是它的指向經常讓初學者摸不著頭腦。

　　其實要理解這個關鍵字，需要理清兩個問題——“方法的調用和方法的觸發”

　　下面先看一段代碼

<!DOCTYPE html><html><head><meta charset="utf-8"><title>function</title><script>function showThis(){  console.info(this);}  function Test1(){  this.f=showThis;}function Test2(){  this.f=function(){    showThis();  }}showThis();//windownew Test1().f();//Test1  new Test2().f();//window</script></head><body></body></html> 

　　20行列印出window對象，這個很容易理解，但是21行列印出Test1的執行個體對象，而22行卻列印出window對象。查看Test1和Test2的構造，探索方法f最終都執行了showThis方法。但是showThis中的this指向卻不同。這是因為Test1中的f方法直接指向showThis，new Test1().f()是以Test1 的執行個體直接調用showThis方法，調用者是Test1的執行個體。而new Test2().f()是在Test2的執行個體方法f中觸發window對象的showThis方法，其中的this就是指向其調用者window而不是觸發者Test2的執行個體。

　　至此可以發現。this指向的是調用者，而觸發者只是推進調用者執行指定方法而已。

您可能感興趣的文章:

• UpdatePanel觸發javascript指令碼的方法附代碼
• 深入理解Javascript動態方法引動過程與參數修改的問題
• JS方法調用括弧的問題探討
• js觸發onchange事件的方法說明
• js onmousewheel事件多次觸發問題解決方案
• JavaScript中的方法調用詳細介紹
• js實現瀏覽器視窗大小被改變時觸發事件的方法