Angular.JS中的this指向詳解
【this詳解】
1、誰最終調用函數，this指向誰。
① this指向的，永遠只可能是對象?。。。。?！
② this指向誰，永遠不取決于this寫在哪??！而是取決于函數在哪調用。
③ this指向的對象，我們稱之為函數的上下文context，也叫函數的調用者
2、※※※※※this指向的規(guī)律(與函數調用的方式息息相關)：
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
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要介紹了AngularJS的filter，中文名“過濾器”是用來過濾變量的值，或者格式化輸出，得到自己所期望的結果或格式的東東，的相關資料,需要的朋友可以參考下2015-12-12
Angularjs使用ng-repeat中$even和$odd屬性的注意事項
無可否認angularjs的崛起成為前端很大的福利，最近接到項目，框架便選中了angularjs。angularjs最吸引人的地方就是數據的雙向綁定和指令了，這篇文章主要介紹了Angularjs中使用ng-repeat的$even和$odd屬性的注意事項,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細介紹了基于angular實現三級聯(lián)動的生日插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了Angularjs 事件指令詳細整理的相關資料,這里對AngularJS 的所有的事件指令一一做出詳細介紹，需要的朋友可以參考下2017-07-07
本篇文章主要介紹了highcharts 在angular中的使用示例代碼，非常具有實用價值，需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細介紹了angularjs實現首頁輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了AngularJS 異步解決實現方法的相關資料,需要的朋友可以參考下2017-06-06
angular內置provider之$compileProvider詳解
下面小編就為大家?guī)硪黄猘ngular內置provider之$compileProvider詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
利用require.js與angular搭建spa應用的方法實例
這篇文章主要給大家介紹了關于利用require.js與angular搭建spa應用的方法實例，文中通過示例代碼給大家介紹的非常詳細，對大家的理解和學習具有一定的參考學習價值，需要的朋友們下面跟著小編來一起看看吧。2017-07-07
這篇文章主要給大家介紹了關于Angular 2+時如何去除url中#號的相關資料，文中先對#號去除的原因及方法進行詳細的介紹和分析，然后通過示例代碼給大家演示去除的方法，需要的朋友可以參考借鑒，下面隨著小編來一起看看吧。2017-12-12