JS中this的指向問題

標籤：

  JS中this的定義：this對象是在運行時基於函數的執行環境綁定的（通俗點來說就是：this代表當前函數屬於哪個對象）。

 

　this一般情況下都代表的是global對象，在瀏覽器中就是window對象，在一些情況t下his的指向會發生改變，如下5種：

　1.對象的字面量標記法中：　　　　var a=1

　　　　　　　　　　　　　　　　　var obj={　

　　　　　　　　　　　　　　　　　　　　　a:0;

　　　　　　　　　　　　　　　　　　　　　sum：function(  ){

　　　　　　　　　　　　　　　　　　　　　　　　alert（ this.a） ;      //this.a=0,   這裡的this代表obj對象；

　　　　　　　　　　　　　　　　　　　　　　　　return function(){

　　　　　　　　　　　　　　　　　　　　　　　　　　this.a;  //這裡的this.a=1，？為什麼呢，因為每個函數都有兩個特殊的變數，一個是arguments，還有一個就是this了,這樣函數在訪問this時就只會在自己的函數環境中進行尋找，而不會向上進行搜尋。　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　　　　　　　　}　

　　　　　　　　　　　　　　　　　}

 

　2.添加事件：　　　　　　　　var a=1;

　　　　　　　　　　　　　　　oDiv1.onclick=function(){

　　　　　　　　　　　　　　　　　alert(this.a);      //　　this.a=undefined,  這裡的this代表oDiv1,oDiv1沒有a屬性；　

　　　　　　　　　　　　　　　}

 

　3.使用定時器：　　　　　　　　var a=1;

　　　　　　　　　　　　　　　　oDiv1.onclick=function(){

　　　　　　　　　　　　　　　　　　setInterval(function(){

　　　　　　　　　　　　　　　　　　　　　alert(this.a) ;    //this.a=1，   這裡的this代表window對象，只要使用了定時器，那麼裡面的this就代表window對象；

　　　　　　　　　　　　　　　　　　},1000);

　　　　　　　　　　　　　　　}

 

　4.使用了ajax：      ajax裡面的this代表window對象 ，和使用定時器很像；

 

　5.對象的執行個體化 ：  假如我們自己建立了一個建構函式sum，裡面有this.a=1；如果我們直接調用這個建構函式sum（），那麼這個this代表window對象；

　　　　　　　　　　但是我們對它進行執行個體化var obj = new sum（），這樣this.a上的this代表當前對象obj；

　

JS中this的指向問題