這篇文章主要介紹了Angular.JS中this指向的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創新互聯擁有一支富有激情的企業網站制作團隊，在互聯網網站建設行業深耕十多年，專業且經驗豐富。十多年網站優化營銷經驗，我們已為超過千家中小企業提供了網站設計、成都做網站解決方案，按需設計網站，設計滿意，售后服務無憂。所有客戶皆提供一年免費網站維護!

【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--->window
setInterval(func,1000);

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

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

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Angular.JS中this指向的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

分享文章：Angular.JS中this指向的示例分析
轉載來源：http://vcdvsql.cn/article14/jhihde.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、電子商務、關鍵詞優化、App開發、建站公司、ChatGPT

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯