這又是一個面試經典問題~/(ㄒoㄒ)/~~也是 ES5中眾多坑中的一個，在 ES6 中可能會極大避免 this 產生的錯誤，但是為了一些老代碼的維護，最好還是了解一下 this 的指向和 call、apply、bind 三者的區別。

this 的指向

在 ES5 中，其實 this 的指向，始終堅持一個原理：this 永遠指向最后調用它的那個對象，來，跟著我朗讀三遍：this 永遠指向最后調用它的那個對象，this 永遠指向最后調用它的那個對象，this 永遠指向最后調用它的那個對象。記住這句話，this 你已經了解一半了。

下面我們來看一個最簡單的例子：

例 1：

 var name = "windowsName"; function a() {  var name = "Cherry";  console.log(this.name);   // windowsName  console.log("inner:" + this); // inner: Window } a(); console.log("outer:" + this)   // outer: Window

這個相信大家都知道為什么 log 的是 windowsName，因為根據剛剛的那句話“this 永遠指向最后調用它的那個對象”，我們看最后調用 a 的地方 a();，前面沒有調用的對象那么就是全局對象 window，這就相當于是 window.a()；注意，這里我們沒有使用嚴格模式，如果使用嚴格模式的話，全局對象就是 undefined，那么就會報錯 Uncaught TypeError: Cannot read property 'name' of undefined。

再看下這個例子：

例 2：

var name = "windowsName"; var a = {  name: "Cherry",  fn : function () {   console.log(this.name);  // Cherry  } } a.fn();

在這個例子中，函數 fn 是對象 a 調用的，所以打印的值就是 a 中的 name 的值。是不是有一點清晰了呢~

我們做一個小小的改動：

例 3：

var name = "windowsName"; var a = {  name: "Cherry",  fn : function () {   console.log(this.name);  // Cherry  } } window.a.fn();

這里打印 Cherry 的原因也是因為剛剛那句話“this 永遠指向最后調用它的那個對象”，最后調用它的對象仍然是對象 a。

我們再來看一下這個例子：

例 4：

 var name = "windowsName"; var a = {  // name: "Cherry",  fn : function () {   console.log(this.name);  // undefined  } } window.a.fn();

這里為什么會打印 undefined 呢？這是因為正如剛剛所描述的那樣，調用 fn 的是 a 對象，也就是說 fn 的內部的 this 是對象 a，而對象 a 中并沒有對 name 進行定義，所以 log 的 this.name 的值是 undefined。

這個例子還是說明了：this 永遠指向最后調用它的那個對象，因為最后調用 fn 的對象是 a，所以就算 a 中沒有 name 這個屬性，也不會繼續向上一個對象尋找 this.name，而是直接輸出 undefined。

再來看一個比較坑的例子：

例 5：

 var name = "windowsName"; var a = {  name : null,  // name: "Cherry",  fn : function () {   console.log(this.name);  // windowsName  } } var f = a.fn; f();