寫在前面

工作有那麼一段時間了，但是在工作中，發現自己的理論知識還是有所欠缺。特別是在javascript上，很多東西其實自己屬於知道要用這個，但是不知道為什麼要這麼用...這種情況很是尷尬了，所以寫部落格的很重要一個目的就是鍛鍊我自己的總結能力，把學到的東西總結出來，感覺這樣能讓我更快的去理解所學到的東西。

◇ 關於javascript理論

剛開始做前端的時候還是以完成功能為主，所以忽略掉了理論知識的重要性，但是隨著工作的慢慢深入，發現很多原理還是要建立在對理論知識的理解與掌握上。

作為一個合格的前端工程師，這個確實有點不能忍...所以還是要沉下心來，一點點的去提升自己。話說回來，其實javascript的理論在我看來並沒有那麼的枯燥難懂，但是需要你去實驗、去除錯。興趣永遠是學習最好的動力，我想保持這份興趣，持續的去研究javascript的理論，去探尋其中的祕密和讓人驚歎的地方。

關於this

閒話扯了那麼多，希望各位看官不要在意...只是本人一點點心聲罷了...言歸正傳，關於this，其實在我看來確實算是javascript中很基礎、很重要、也是很難理解的一個點；

this的定義，藉助下阮一峰大大的總結，感覺比較好理解些：

this是Javascript語言的一個關鍵字。 它代表函式執行時，自動生成的一個內部物件，只能在函式內部使用。比如，

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

隨著函式使用場合的不同，this的值會發生變化。但是有一個總的原則，那就是this指的是，呼叫函式的那個物件。

this的指向

其實this之所以難以理解，主要就是在不同情況下，this的指向都是不一樣的。以下幾種情況，基本歸納了常見的this的指向：

1.在全域性程式碼或者普通的函式呼叫中，this指向全域性物件，在瀏覽器裡面既為window物件。

console.log(this);//輸出window 

function foo(){ 
    console.log(this); 
} 
foo();//輸出window

在瀏覽器環境裡執行上述程式碼，兩處輸出結果均為window物件。 2.通過call或apply方法呼叫函式，this指向方法呼叫的第一個引數。

var obj = {name:'test'}; 
function foo(){ 
    console.log(this); 
} 
foo.call(obj);//輸出obj 
foo.apply(obj);//輸出obj

call和apply的區別在於call的呼叫需要兩個引數，用逗號做分割，而apply只需要一個引數，這個引數必須是陣列； 插入的小知識點： 利用apply的特點實現不建立新的物件把兩個陣列拼裝成一個數組：

var arr1 = [1, 2 , 3], 
    arr2 = [4, 5, 6]; 
Array.prototype.push.apply(arr1, arr2); 
console.log(arr1);//輸出[1, 2, 3, 4, 5, 6]

call與apply的定義：

call方法: 

語法：call(thisObj，Object) 定義：呼叫一個物件的一個方法，以另一個物件替換當前物件。 說明： call 方法可以用來代替另一個物件呼叫一個方法。call 方法可將一個函式的物件上下文從初始的上下文改變為由 thisObj 指定的新物件。  如果沒有提供 thisObj 引數，那麼 Global 物件被用作 thisObj。  apply方法：  語法：apply(thisObj，[argArray]) 定義：應用某一物件的一個方法，用另一個物件替換當前物件。  說明：  如果 argArray 不是一個有效的陣列或者不是 arguments 物件，那麼將導致一個 TypeError。  如果沒有提供 argArray 和 thisObj 任何一個引數，那麼 Global 物件將被用作 thisObj， 並且無法被傳遞任何引數 3.呼叫物件的方法，this指向該物件。

var obj = {name:'test'};
 function foo(){ 
    console.log(this); 
} 
obj.foo = foo; obj.foo();//輸出obj

這個也就是所謂的誰呼叫，指向誰 4.構造方法中的this，指向新構造的物件。

function C(){ 
    this.name = 'test'; 
    this.age = 18; 
    console.log(this); 
} 
var c = new C();//輸出 c 
console.log(c);//輸出 c

執行以上程式碼後，控制檯輸出均為c所指向的物件。當new操作符用於函式時，會建立一個新物件，並用this指向它

特殊情況

上述四種情況基本概述了this的常見指向，但是也有些特殊的情況下，this的指向並不在上訴的範圍中：

a.bind方法

這個方法會建立一個函式例項，其this值會被繫結到傳給bind()函式的值。也就是說會返回一個新函式，並且使函式內部的this指向為傳入的第一個引數：

window.color = 'red';
var o = {color : 'blue'};
function sayColor(){
    alert(this.color)
}
var objectSayColor = sayColor.bind(o);
objectSayColor();//blue

b.eval

對於eval函式，其執行時候似乎沒有指定當前物件，但實際上其this並非指向window，因為該函式執行時的作用域是當前作用域，即等同於在該行將裡面的程式碼填進去。下面的例子說明了這個問題：

var name = "window";

var Bob = {
    name: "Bob",
    showName: function(){
        eval("alert(this.name)");
    }
};

Bob.showName();

總結

• 預設的，this指向全域性物件
• 當一個函式被作為一個父物件的屬性呼叫時，函式中的this指向父物件
• 當一個函式被new運算子呼叫時，函式中的this指向新建立的物件
• 當使用call或apply呼叫函式時，函式程式碼中的this被設定為call或apply中的第一個引數。如果第一個引數是null或不是個物件，this指向全域性物件。

其實除去上面的特殊情況，我們只要記住這四種情況，那麼對於this的指向應該就有一個較為清楚的認識。

博文中如有敘述不清或者錯誤，歡迎各位批評指正！完結撒花~