前言

看過阮一峰的關於 this 的教程，講了很多比較好的例子，但沒有對其本質的東西解釋清楚，而且部分例證存在問題；於是，打算重寫本章節，從this的本質入手；

本文為作者的原創作品，轉載需註明出處；

本文轉載自筆者的私人部落格，傷神的部落格 http://www.shangyang.me/2017/03/24/javascript-lang-this/

References

Javascript中this關鍵字詳解
jQuery Fundamentals Chapter - The this keyword

this 是什麼？

this可以理解為一個指標，指向呼叫物件；

判斷 this 是什麼的四個法則

官網定義

先來看第一段官方的解釋，

In JavaScript, as in most object-oriented programming languages, this is a special keyword that is used within methods to refer to the object on which a method is being invoked. The value of this is determined using a simple series of steps:

1. If the function is invoked using Function.call
    or Function.apply, this will be set to the first argument passed to call/apply. If the first argument passed to call/apply is null or undefined, this will refer to the global object (which is the window object in Web browsers).
2. If the function being invoked was created using Function.bind
   , this will be the first argument that was passed to bind at the time the function was created.
3. If the function is being invoked as a method of an object, this will refer to that object.
4. Otherwise, the function is being invoked as a standalone function not attached to any object, and this will refer to the global object.

大致翻譯如下，
this是這麼一個特殊的關鍵字，它是用來指向一個當前正在被呼叫( a being invoked )方法的呼叫物件的；( 等等，這句話其實隱藏了一個非常關鍵的資訊，那就是this是在執行期 生效的，怎麼生效的？在執行期，this被賦值，將某個物件賦值給this，與宣告期無關，也就是說，this是執行期相關的 )；this的賦值場景，歸納起來，分為如下四種情況，

1. 如果方法是被Function.call或者Function.apply呼叫執行…. bla..bla..
   參考 function prototype call 小節

2. 如果是被Function.bind… bla…bla
   參考 function prototype bind 小節

3. 如果某個方法在執行期是被一個物件( an object )呼叫( 備註：這裡為了便於理解，我針對這種情況，自己給起了個名稱叫關聯呼叫 )，在執行期，會將該 object 的引用賦值給該方法的this。
   備註：被一個物件呼叫？何解？其實就是指語句obj.func()，這個時候，func()方法內部的this將會被賦值為obj物件的引用，也就是指向obj；

4. 如果該方法在執行期被當做一個沒有依附在任何 object 上的一個獨立方法被呼叫(is being invoked as a standalone function not attached to any object )，那麼該方法內部的this將會被賦值為全域性物件(在瀏覽器端就是 windows )
   獨立方法 ( standalone function )？在執行期，如果func方法被obj關聯呼叫的，既是通過obj.func()的方式，那麼它就不是standalone的；如果是直接被呼叫，沒有任何物件關聯，既是通過func()呼叫，那麼這就是standalone的。

this 執行期相關

官網定義 2

再來看另外一句非常精煉的描述，來加深理解

The this keyword is relative to the execution context, not the declaration context.

this關鍵字與執行環境有關而與宣告環境無關；(補充，而作用域鏈和閉包是在函式的宣告期建立的，參考建立時機)

補充，是如何與函式的執行期相關的，參考this 指標執行時賦值

我的補充

法則 #3 和 #4，大多數情況都非常容易理解，有幾種情況需要特別注意，

1. 函式巢狀
   需要注意的是object物件中的函式內部再次巢狀函式的情況，

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

   var name = "windows"; var obj = { name: "object", f1: function(){ console.log( "this: "+ this.name) function f2(){ console.log( "this: " + this.name) } f2(); } };

   執行

   1 2 3

   > obj.f1(); this: object this: windows

   可以看到，在執行期，被呼叫函式 f1() 中的this指向 obj，而被呼叫函式 f2() 中的this指向的是 windows ( global object )；因為 f1 函式在當前的執行時中是通過 obj.f1() 進行的關聯呼叫，所以，根據定義 #3，在當前的執行期間，f1() 內部的 this 是指向 obj 物件的( 通過將 obj 的引用直接賦值給 this )，而， f2 函式在執行期是沒有與其它 object 進行關聯呼叫，所以，在當前的執行時期，f2 是一個 standalone 的函式，所以，根據定義 #4，在當前的執行期間，f2() 的內部this是指向 windows 的。(注意，這裡我反覆強調當前執行期間，是因為this是在執行時被賦值的，所以，要特別注意的是，即使某個函式的定義不變，但在不同的執行環境(執行環境)中，this是會發生變化；)

2. 回撥函式
   參看函式回撥場景-1和函式回撥場景-2

3. 函式賦值
   參看將函式賦值-standalone以及相關變種章節

可見，要判斷this在執行期到底指的是什麼，並沒有那麼容易，但是，只要牢牢的把握好兩點，就可以迎刃而解，

• this是執行期相關的
  更確切的說，this是在執行期被賦值的，所以，它的值是在執行期動態確定的。
• this是否與其它物件關聯呼叫
  這裡的關聯呼叫指的是 javascript 的一種語法，既是呼叫語句顯式的寫為obj.func()，另外需要注意的是，javascript 方法的呼叫不會隱式的隱含 this。只要沒有顯式的關聯呼叫，那麼就是standalone的呼叫，就符合法則 #4，所以，this指向 Global Object。

this 的 Object

注意，this定義中所指的Object指的是 javascript 的 Object 型別，既是通過