JavaScript中this的使用詳解_基礎知識

我們要記住一句話：this永遠指向函數運行時所在的物件！而不是函數被創建時所在的物件。切記…
本文將分成三種情況來分析this物件到底身處何方。
普通函數中的this
無論this身處何處，第一要務就是要找到函數運行時的位置。

複製程式碼 程式碼如下:

1 var name="";


1 var name="";
2
2
function getName(){

3     var name="局部";
4     return this.name;
5 };

6 alert(getName());當this出現在全域環境的函數getName中時，此時函數getName在運行時的位置在

複製程式碼

程式碼如下:


alert(getName());

顯然，函數getName所在的對像是全域對象，即window，因此this的安身之處定然在window。此時的this指向window對象，getName回傳的this.name其實是window.name，所以alert出來的是「全域」！ 那麼，當this不是出現在全域環境的函數中，而是出現在局部環境的函數中時，又會身陷何方呢？

複製程式碼


程式碼如下:


1 var name="";


1 var name="";

2
2
var twobin={

3     name:"局部",4     getName:function(){5       twobin.getName());其中this身處的函數getName不是在全域環境中，而是處在twobin環境中。無論this身處何處，一定要找到函數運行時的位置。此時函數getName運行時的位置

複製程式碼

程式碼如下:


alert(twobin. getName());

顯然，函數getName所在的物件是twobin，因此this的安身之處定然在twobin，即指向twobin對象，則getName返回的this.name其實是twobin. name，因此alert出來的是「局部」！ 閉包中的this閉包也是個不安分子，本文暫且不對其過於贅述，簡而言之：所謂閉包就是在一個函數內部創建另一個函數，且內部函數訪問了外部的變數。 浪子this與痞子閉包混在一起，可見將永無寧日啊！

複製碼


代碼如下:


 1 var name="全局";
 2 var twobin={
 3     name:"局部",
 4     getName:function(){

 5      return this.name;
 7         };
 8     }
 9 };

10 alert(twobin.getName()());此時的this明顯身處困境，竟然處在getName函數中的匿名函數裡面，而這個匿名函數又呼叫了變數name，因此構成了一個閉包，也就是this身處閉包中。 無論this身處何處，一定要找出函數運行時的位置。此時不能根據函數getName執行時的位置來判斷，而是根據匿名函數的執行時間位置來判斷。

複製程式碼


程式碼如下:

function (){

function (){ };顯然，匿名函數所在的物件是window，因此this的安身之處定然在window，則匿名函數傳回的this.name其實是window.name，因此alert出來的就是「全局」！

那麼，如何在閉包中讓this身處在twobin中呢？ 複製程式碼 程式碼如下:

  var name="全域";
  var twobin={
      name:"局部",
             return function(){
              return that.name;
          };
}         };
}; 🎜>

在getName函數中定義that=this，此時getName函數運行時位置在
alert(twobin.getName());
則this指向twobin對象，因此that也指向twobin對象。在閉包的匿名函數中回傳that.name，則此時回傳的that.name其實是twobin.name，因此就可以alert出來 「局部」！

call與apply中的this
在JavaScript中能管的住this的估計也就非call與apply莫屬了。
call與apply就像this的父母一般，讓this住哪它就得住哪，不得不聽話！




複製程式碼

程式碼如下: var name=""; ={name:"局部",

};

function getName(){
    alert(this.name);
}
getName(twobin);
getName🎜>getName🎜>getName🎜>getName🎜>getName🎜>getName🎜>getName🎜>getName🎜>getName🎜>getName .call(twobin);


其中this身處函數getName中。無論this身處何處，一定要找到函數運行時的位置。此時函數getName執行時間的位置
getName(twobin);
顯然，函數getName所在的物件是window，因此this的安身之處定然在window，即指向window對象，則getName返回的this. name其實是window.name，所以alert出來的是「全域」！
那麼，該call與apply登場了，因為this必須聽他們的指揮！

getName.call(twobin);
其中，call指定this的安身之處就是在twobin對象，因為this被迫只能在twobin那安家，則此時this指向twobin對象， this.name其實是twobin.name，因此alert出來的是「局部」！
一點總結
浪子this：永遠指向函數運行時所在的對象，而不是函數被創建時所在的對象；如果處在匿名函數中或不處於任何對像中，則this指向window對象；如果是call或apply，它指定哪個對象，則this就指向哪個對象！