自從接觸javascript以來，對this參數的理解一直是模棱兩可。雖有過深入去理解，但卻也總感覺是那種浮於表面，沒有完全理清頭緒。
但對於this參數，確實會讓人產生很多誤解。那么this參數到底是何方神聖？
理解this
this是一個與執行上下文（execution context，也就是作用域）相關的特殊對象。因此,它可以叫作上下文對象(也就是用來指明執行上下文是在哪個上下 文中被觸發的對象)。
任何對象都可以做為上下文中的this的值
在一些對ECMAScript執行上下文和部分this的描述中，this經常被錯誤的描述成是變量對象的一個屬性。 再重復一次：
this是執行上下文的一個屬性,而不是變量對象的一個屬性。 這個特性非常重要,因為與變量相反,this從不會參與到標識符解析過程。換句話說,在代碼中當訪問this的時候,它的值是直接從執行上下文中獲取的,並不需要任何作用域鏈查找。this的值只在進入上下文的時候進行一次確定。
廢話不多，先看一個板栗：
1 var test = function(){}; 2
3 test.prototype = { 4 foo:"apple", 5 fun:function(){ 6 this.foo="banana"; 7 } 8 }; 9
10 var myTest = new test(); 11 myTest.fun(); 12
13 console.log(myTest.hasOwnProperty("foo")); //輸出什么 14 console.log(myTest.hasOwnProperty("fun")); //輸出什么
hasOwnProperty：是用來判斷一個對象是否有你給出名稱的屬性或對象。不過需要注意的是，此方法無法檢查該對象的原型鏈中是否具有該屬性，該屬性必須是對象本身的一個成員。
不知道看官們心里的答案是什么，正確的答案是true,false。
1 console.log(myTest.hasOwnProperty("foo")); 2 console.log(myTest.hasOwnProperty("fun")); 3
4 true 5 false
要弄明白為什么是這樣，就必須要理解上面this所扮演的角色，所指代的對象。在《javascript語言精粹》一書中，指出了在javascript中一共有四種調用模式：
- 方法調用模式
- 函數調用模式
- 構造器調用模式
- apply調用模式
而在這些模式當中，對於如何初始化關鍵參數this上是存在不同差異的。
方法調用模式
當一個函數被保存為對象的一個屬性時，我們稱它為一個方法。當一個方法被調用時，this被綁定到該對象。注意加粗的這句是重點：
// 創建myObject。它有一個value屬性和一個increment方法
var myObject = {
value: 0;
increment: function(inc) {
this.value += typeof inc ==='number'?inc:1; // 接受一個可選參數，如果不是數字，則默認為數字1
}
};
myObject.increment();
console.log(myObject.value); // 1
myObject.increment(2); //傳入數字2
console.log(myObject.value); // 3
這里，方法increment可以使用this去訪問myObject對象，所以可以改變value的值。而且，this到對象的綁定發生在調用的時候。
函數調用模式
如果一個函數並非一個對象的屬性時，那么它被當作一個函數來調用，此時，this被綁定到全局對象，書上說這是js語言設計的一個缺陷。倘若設計正確，當內部函數被調用的時，this應該仍然綁定到外部函數的this變量。拋開對語言設計的正確與否討論，要當函數調用模式時this變量依舊綁定到該對象，看例子：
var myObject = {
value: 1,
getValue: function() {
return this.value;
},
double: function() {
return function (){
this.value = this.value * 2;
}
}
};
myObject.double()(); // 希望將 value 乘以 2
myObject.getValue(); // 返回 1
因為 ，我們希望調用 myObject.double()() 時，value 乘以 2，但是由於 myObject.double() 返回的是一個函數，而 myObject.double()() 執行了返回的這個函數，此時，this被綁定到了全局 window 而不是 myObject。
有如下經典解決方案:
var myObject = {
value: 1,
getValue: function() {
return this.value;
},
double: function() {
var that = this;
return function (){
that.value = that.value * 2;
}
}
};
myObject.double()();
myObject.getValue(); //2
即是給該方法定義一個變量並且把它賦值為this，那么內部函數就可以通過那個變量訪問到this，按照約定，給那個變量命名為that。
構造器調用模式
構造器調用模式即是我一開頭給出的例子所提到的。如果在一個函數前面帶上new來調用，那么將創建一個連接到該函數的prototype成員新對象，同時this將會被綁定到那個新對象上。聽上去十分拗口且難以理解，先再看個demo：
//構造一個名為Quo的構造器函數，帶有一個status屬性的對象
var Quo = function(string){
this.status =string;
};
Quo.prototype.get_status = function(){
return this.status;
}
var myQuo =new Quo("confuse"); //構造一個Quo實例
console.log(myQuo.get_status()); //confuse
簡單來說，Quo對象下的this在被用為構造一個新實例即new時，this指代的是新生成的myQuo對象而不是Quo對象本身。
一句話，重點就是：原型中的this不是指的原型對象，而是調用對象。
再回過頭看一開始的demo，就很好理解了，在執行myTest.fun()時，this指代了myTest對象，所以生成了一個foo屬性值為“banana”，所以myTest.hasOwnProperty("foo")返回值為true。
Apply調用模式
因為javascript是一門函數式面向對象編程語言，所以函數可以擁有方法。apply方法讓我們構建一個參數數組並用其去調用其他函數，apply方法接收兩個參數，第一個是將被綁定的this的值，第二個是參數數組。說簡單直接一點就是apply方法能劫持另外一個對象的方法，繼承另外一個對象的屬性. 推薦可以看js中apply方法的使用詳細解析 ，就不擺demo了。
學識尚淺，若文中有不正確，請務必指出，誤人子弟實乃大過。