Day32：this的调用位置

【书名】：你不知道的JavaScript（上卷）

【作者】：Kyle Simpson

【本书总页码】：213

【已读页码】：98

this 并不指向函数本身或者函数所在的词法作用域，每个函数的 this 是在调用时被绑定的，完全取决于函数的调用位置(也就是函数的调用方法)。

分析调用栈(就是为了到达当前执行位置所调用的所有函数)，调用位置就在当前正在执行的函数的前一个调用中。

（不用LATEX语法了，写起来实在是麻烦。。。）

function baz() {

    //当前调用栈是:baz，因此，当前调用位置是全局作用域

    console.log( "baz" );

    bar(); // <-- bar 的调用位置

}

function bar() {

    // 当前调用栈是 baz -> bar，因此，当前调用位置在 baz 中

    console.log( "bar" );

    foo(); // <-- foo 的调用位置

}

function foo() {

    //当前调用栈是 baz -> bar -> foo，因此，当前调用位置在 bar 中

    console.log( "foo" );

}

baz(); // <-- baz 的调用位置

注意调用位置决定了 this 的绑定。

你可以把调用栈想象成一个函数调用链。但是这种方法非常麻烦并且容易出错。另一个查看调用栈的方法是使用浏览器的调试工具。可以在工具中给 foo() 函数的第一行代码设置一个断点，或者直接在第一行代码之前插入一条 debugger;语句。运行代码时，调试器会在那个位置暂停，同时会展示当前位置的函数调用列表，这就是调用栈。因此，如果想要分析 this 的绑定，使用开发者工具得到调用栈，然后找到栈中第二个元素，这就是真正的调用位置。