Angular.JS中的this指向詳解，angular.jsthis指向

Angular.JS中的this指向詳解，angular.jsthis指向

【this詳解】

1、誰最終調用函數，this指向誰。

      ① this指向的，永遠只可能是對象！！！！！！

      ② this指向誰，永遠不取決於this寫在哪！！而是取決於函數在哪調用。

      ③ this指向的對象，我們稱之為函數的上下文context，也叫函數的調用者

2、※※※※※this指向的規律(與函數調用的方式息息相關)：

this指向的情況，取決於函數調用的方式有哪些：

      ① 通過函數名()直接調用：this指向window

      ② 通過對象.函數名()調用的：this指向這個對象

      ③ 函數作為數組的一個元素，通過數組下標調用的：this指向這個數組

      ④ 函數作為window內建函數的回呼函數調用：this指向window setInterval  setTimeout 等...

      ⑤ 函數作為建構函式，用new關鍵字調用時：this指向新new出的對象 

function func(){   console.log(this);  }

① 通過函數名()直接調用：this指向window

func(); this--->window

② 通過對象.函數名()調用的：this指向這個對象

     狹義對象

 var obj = { name:"obj", func1 :func }; obj.func1(); this--->obj

     廣義對象

 document.getElementById("div").onclick = function(){ this.style.backgroundColor = "red"; }; this--->div

③ 函數作為數組的一個元素，通過數組下標調用的：this指向這個數組

var arr = [func,1,2,3];arr[0](); this--->arr

④ 函數作為window內建函數的回呼函數調用：this指向window

setTimeout(func,1000);// this--->windowsetInterval(func,1000);

⑤ 函數作為建構函式，用new關鍵字調用時：this指向新new出的對象

var obj = new func(); //this--->new出的新obj

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的協助，如果有疑問大家可以留言交流，謝謝大家對幫客之家的支援。