JS中this關鍵字很常見，但是它似乎變幻莫測，讓人抓狂。這篇文章就來揭示其中的奧祕。

     當函式被儲存為一個物件的屬性時，它就可稱為這個物件的方法。當一個方法被呼叫時，this被繫結到這個物件上。如果呼叫表示式包含一個提取屬性的動作（. 或 []），那麼它被稱為方法呼叫。例如：

var name = "window";
var obj = {
  name: "obj",
  getName: function(){
    alert(this.name);
  }
}
obj.getName(); //"obj"  

     getName函式作為物件obj的方法呼叫，所以函式體中的this就代表obj物件。

二、函式呼叫模式
   當一個函式並非一個物件的屬性時，那麼它就是被當做函式來呼叫的。在此種模式下，this被繫結為全域性物件，在瀏覽器環境下就是window物件。例如：

var name = "window";
function getName(){
  alert(this.name);
}
getName(); //"window"

三、建構函式模式

     如果在一個函式前面加上new關鍵字來呼叫，那麼就會建立一個連線到該函式的prototype成員的新物件，同時，this會被繫結到這個新物件上。這種情況下，這個函式就可以成為此物件的建構函式。例如：

function obj(){
  this.name = "obj";
}
var o = new obj();
alert(o.name); //"obj"

四、apply呼叫模式

在JS中，函式也是物件，所有函式物件都有兩個方法：apply和call，這兩個方法可以讓我們構建一個引數陣列傳遞給呼叫函式，也允許我們改變this的值。例如：

var name = "window";
var obj = {
  name : "obj"
};
function getName(){
  alert(this.name);
}
getName.apply(); //"window"
getName.apply(obj); //"obj"

    將getName函式在obj物件上呼叫，函式體內的this也就指向了obj物件；

    自此，函式呼叫的4種模式就都介紹完了，this的繫結規律也就是以上幾種，萬變不離其宗。為了簡單明瞭的介紹4種模式，以上的例子都比較簡單，那麼下面就跟我一起做一個稍複雜的練習，檢驗下自己是否真正掌握了this繫結物件的方法吧！

var name = "window";
function printName(){
  alert(this.name);
}
var obj1 = {
  name : "obj1",
  getName : printName
};
var obj2 = {
  name : "obj2",
  getName : function(){
    var func = obj1.getName;
    func();
  }
};
obj1.getName();
obj2.getName();

     第一次是呼叫obj1物件的getName方法（函式體同printName函式），所以this指向obj1物件，輸出“obj1”；

     第二次是雖然是呼叫obj2物件的getName方法，但是其此方法的函式體內又新建了一個func函式，它是獨立的，而非obj2物件的內部方法，所以“func();”語句的執行環境是全域性作用域，this指向window物件，輸出“window”。

     怎麼樣，你做對了嗎？