摘要：不過，匿名函數(shù)的執(zhí)行環(huán)境具有全局性，因此其對(duì)象通常指向。示例如下依然指向全局全局方法指向匿名函數(shù)目前為止，一切都符合預(yù)期表現(xiàn)。指向指向全局調(diào)用對(duì)象方法調(diào)用方法內(nèi)部方法雖然有點(diǎn)繞，但是還是可以明白的，指向調(diào)用方法該對(duì)象，匿名函數(shù)指向全局。

以下內(nèi)容只針對(duì)非嚴(yán)格模式,嚴(yán)格模式區(qū)不說了
如果看過《JavaScript高級(jí)程序設(shè)計(jì)(第3版)》的人都應(yīng)該有印象，里面關(guān)于this對(duì)象是這么形容的

this 對(duì)象是在運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境綁定的：在全局函數(shù)中，this等于window，而當(dāng)函數(shù)被作為某個(gè)對(duì)象的方法調(diào)用時(shí)，this 等于那個(gè)對(duì)象。不過，匿名函數(shù)的執(zhí)行環(huán)境具有全局性，因此其 this 對(duì)象通常指向 window。

示例如下

var a = 10,
  obj = {
    a: 20
  };

function log() {
  var a = 30;
  console.log(this.a); //依然指向全局
};

console.log(this.a); // 全局
log(); //方法
log.call(obj); //指向obj

;
(function () {
  console.log(this.a) //匿名函數(shù)
})()

// 10
// 10
// 20
// 10

目前為止，一切都符合預(yù)期表現(xiàn)。然后我們?cè)倏葱?fù)雜點(diǎn)的寫法。

var a = 10,
  obj = {
    a: 20,
    log: function () {
      console.log(this.a); //指向obj
    }
  };

function log() {
  function _log() {
    console.log(this.a); //指向全局
  };
  _log();
};

obj.log(); //調(diào)用對(duì)象方法
log(); //調(diào)用方法內(nèi)部方法

// 20
// 10

雖然有點(diǎn)繞，但是還是可以明白的，this指向調(diào)用方法該對(duì)象，匿名函數(shù)this指向全局。
看到這里我們好像已經(jīng)大概明白this是怎么一回事了，然后我們?cè)賹憦?fù)雜點(diǎn)

var a = 10,
  obj = {
    a: 20,
    b: this.a + 30
  };
console.log(obj.b); // 40

是不是又猛的懷疑人生了？明明應(yīng)該this是指向obj得出50，為什么會(huì)指向全局得出40的??？
想想上面說的當(dāng)函數(shù)被作為某個(gè)對(duì)象的方法調(diào)用時(shí)， this 等于那個(gè)對(duì)象。難道屬性值又是另一回事？
帶著疑問我們直接打印出this看看

var a = 10,
  obj = {
    a: 20,
    b: this
  };
console.log(obj.b === window); //true

所以屬性值里的this真的指向全局，于是我們可以假設(shè)得出一個(gè)結(jié)論：當(dāng)函數(shù)被作為某個(gè)對(duì)象的方法調(diào)用時(shí)， this 等于那個(gè)對(duì)象，而某個(gè)對(duì)象的屬性值的this是直接指向全局的
聽起來好拗口，是不是意思對(duì)象的方法this指向?qū)ο?，屬性值指向全??

帶著疑問我們直接看例子

var a = 10,
  obj = {
    a: 20,
    log: function () {
      console.log(this.a);
    }
  };
var fn = obj.log;
fn(); //調(diào)用賦值方法10

正如前面所說，當(dāng)函數(shù)被作為某個(gè)對(duì)象的方法調(diào)用時(shí)， this 等于那個(gè)對(duì)象。如果不是該對(duì)象直接調(diào)用時(shí)，this指向調(diào)用對(duì)象。
基于這個(gè)結(jié)論,即使中間經(jīng)過幾層函數(shù)調(diào)用也一樣的

var a = 10,
  obj = {
    a: 20,
    log: function () {
      console.log(this.a); //指向obj
    }
  };

function all_log(fn) {
  fn();
}

all_log(obj.log); // 10

看到了吧,即使經(jīng)過一個(gè)中間函數(shù)調(diào)用,實(shí)際相當(dāng)于window調(diào)用對(duì)象方法,所以this也是指向全局的.

然后看看經(jīng)常會(huì)用到的函數(shù)return出的this指向

var a = 10,
  obj = {
    a: 20,
    log: function () {
      return function () {
        console.log(this.a); //指向??
      }
    }
  };
obj.log()(); //10

衹要基礎(chǔ)稍好也能理解，因?yàn)閛bj.log()返回一個(gè)匿名函數(shù)，然后相當(dāng)于在全局下再調(diào)用匿名函數(shù)，因此this直接指向全局了。書里官方點(diǎn)的解釋就是

每個(gè)函數(shù)在被調(diào)用時(shí)都會(huì)自動(dòng)取得兩個(gè)特殊變量： this 和 arguments。內(nèi)部函數(shù)在搜索這兩個(gè)變量時(shí)，只會(huì)搜索到其活動(dòng)對(duì)象為止，因此永遠(yuǎn)不可能直接訪問外部函數(shù)中的這兩個(gè)變量(例子是指obj)

需要注意的是如果沒有明確指向全局的話this實(shí)際上都是指向undefined的，衹是非嚴(yán)格模式下，它會(huì)被自動(dòng)指向全局對(duì)象。

function log() {
  "use strict";
  console.log(this === window);
}

log(); // 獨(dú)立調(diào)用false
window.log(); // window下調(diào)用 true

書里還提到一個(gè)挺有意思的寫法

var a = 10,
  obj = {
    a: 20,
    log: function () {
      console.log(this.a); //指向??
    }
  };
(obj.log = obj.log)(); //先賦值再調(diào)用 10

你會(huì)發(fā)現(xiàn)居然this也指向全局了。
因?yàn)榇a先執(zhí)行了一條賦值語句，然后再調(diào)用賦值后的結(jié)果。因?yàn)檫@個(gè)賦值表達(dá)式的值是函數(shù)本身，所以 this 的值不能得到維持，結(jié)果就返回了10。

如果是作為構(gòu)造函數(shù)使用的情況下

function Person() {
  this.name = "mike";
  this.log = function () {
    console.log(this);
  }
};

var man = new Person();
man.log();//Person {name: "mike", log: function}

里面的this是指向new出來的對(duì)象,詳情可以看看我之前寫的博文關(guān)于Javascript中的new運(yùn)算符,構(gòu)造函數(shù)與原型鏈一些理解

還有種情況是通過call或apply修改this指向,它會(huì)強(qiáng)制指向方法的第一個(gè)參數(shù)

var a = 10,
  obj = {
    a: 20
  };

function log() {
  console.log(this.a);
};

log.call(obj); //指向obj
log.apply(obj); //指向obj

1, this 對(duì)象是在運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境綁定的
2, 如果沒有明確指向全局的話this實(shí)際上都是指向undefined的，衹是非嚴(yán)格模式下，它會(huì)被自動(dòng)指向全局對(duì)象
3, 當(dāng)函數(shù)被作為某個(gè)對(duì)象的方法調(diào)用時(shí)，this 等于那個(gè)對(duì)象
4, 當(dāng)某個(gè)對(duì)象的屬性值里的this是直接指向全局對(duì)象
5, 匿名函數(shù)的執(zhí)行環(huán)境具有全局性，因此其 this 對(duì)象通常指向全局對(duì)象
6, 構(gòu)造函數(shù)中的this會(huì)指向它實(shí)例化對(duì)象
7, call或apply方法能強(qiáng)制修改this指向方法指定對(duì)象