js this理解

原文連接：http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

 this是js語言的幾個關鍵字，表明函數運行時，自動生成的一個內部對象，只能在函數內部使用。

好比

function test(){
　　this.x = 1;
}

　隨着函數使用場合不一樣，this的值發生變化，可是有一個原則那就是，this指的是調用函數的那個對象。

狀況一

請看下面這段代碼，它的運行結果是1。

　　function test(){

　　　　this.x = 1;

　　　　alert(this.x);

　　}

　　test(); // 1 

　　　　//等價於 window.test(); 調用函數的那個對象----window,則window.x = 1;

狀況二：做爲對象方法的調用

函數還能夠做爲某個對象的方法調用，這時this就指這個上級對象。

　　function test(){

　　　　alert(this.x);

　　}

　　var o = {};

　　o.x = 1;

　　o.m = test;

　　o.m(); // 1   

　　　　//調用函數的那個對象 ---- 對象o，則o.x = 1

狀況三 做爲構造函數調用

所謂構造函數，就是經過這個函數生成一個新對象（object）。這時，this就指這個新對象。

　　function test(){

　　　　this.x = 1;

　　}

　　var o = new test();

　　alert(o.x); // 1

狀況四 apply調用

apply()是函數對象的一個方法，它的做用是改變函數的調用對象，它的第一個參數就表示改變後的調用這個函數的對象。所以，this指的就是這第一個參數。

　　var x = 0;

　　function test(){

　　　　alert(this.x);

　　}

　　var o={};

　　o.x = 1;

　　o.m = test;

　　o.m.apply(); //0

　　　　　　//等價於 o.m.apply(this)      也等價於 o.m.apply(window)  至關於window.m(); 調用函數的那個對象-----window   window.x = 0

apply()的參數爲空時，默認調用全局對象。所以，這時的運行結果爲0，證實this指的是全局對象。

若是把最後一行代碼修改成

　　o.m.apply(o); //1

　　　　　　　//等價於 o.m(); 調用函數的那個對象 ----- 對象O  o.x=1

運行結果就變成了1，證實了這時this表明的是對象o。