You Don't Know JS: Scope & Closures (附加：Lexical／dynamic作用域)(附加：Lexical-this)

JavaScript只有Lexical Scope 模式

Lexical Scope就是在写代码的时候，定义函数的时候创建的作用域！

而动态作用域是在runtime时，函数被调用的地方的作用域！

实际上 dynamic Scope是 this关键字的近亲。这会在this & Object Prototypes系列讲解。

第二章，lexical scope是这方面的法则：Engine如何查询一个变量，在哪找到这个变量！

关键特征就是lexical scope是定义在author-time，打代码的阶段。（并不使用eval()）

最后： this关键字关心一个函数如何被调用，这证明了this机制和动态作用域的相关性！

---

---

Lexical-this

ES6提供了一个句法：关于函数声明的句法。arrow function. 也称fat arrow.

var foo = a => {
    console.log( a );
};

foo( 2 ); //

这样就可以省略function关键字。

但是！！！你理解箭头函数中的this的绑定原则吗？

看这个案例：

var obj = {
    id: "awesome",
    cool: function coolFn() {
        console.log( this.id );
    }
};

var id = "not awesome";

obj.cool(); // awesome

setTimeout( obj.cool, 100 ); // not awesome  这是怎么回事？？？