作用域模式
作用域的工作模式分为两种，静态作用域与动态作用域
其中静态作用域包括函数作用域和块作用域
可能同学要问那么词法作用域呢
其实词法作用域和静态作用域是同一个东西
读这两本书能更好的理解词法作用域关于静态、动态作用域有什么区别——《高性能JavaScript》 /p24
——《你不知道的JavaScript（上卷）》 /p59
往下看↓
词法作用域与动态作用域
function foo(){
var a = 1;
bar();
}
function bar(){
console.log(a);
}
var a = 100;
foo();通过我们对预编译、作用域的深入理解
在我们JavaScript的词法作用域中最后结果打印100
但是如果我们的作用域是动态作用域的话，打印的就变成了1
这是为什么呢？
词法作用域最重要的特点就是它的定义过程发生在书写阶段（如果没有使用eval()和with）
动态作用域使作用域在运行时被动态的确定
词法作用域关心函数在何处声明，作用域链基于作用域嵌套
动态作用域关心函数在何处调用，作用域链基于调用栈
我把上面的话翻译到代码上就是
词法作用域：因为bar函数是在全局声明的，所以我输出全局的变量a的值
动态作用域：因为bar函数是在foo函数内调用的，所以我输出foo内的变量a的值
函数作用域与块作用域
在我的理解中
函数作用域就是函数代码块产生作用域，块作用域就是大括号代码块产生作用域
看到很多博客中是这么写的，JavaScript中只有函数作用域（大错特错）博客中的东西不一定是对的
这是完全不正确的，没有争议
JavaScript确实是基于函数作用域的，但不代表我们没有块作用域
特例还真不少，有with关键字、try-catch语句的catch子句、let关键字（ES6）、const关键字（ES6）
这里我只是简单的说一下
关键字with和catch子句都可以产生块作用域
这一点我在一篇文章中写的应该是很详细了
感兴趣的同许多可以去看看
传送门 –>JavaScript欺骗词法的eval、with与catch及其性能问题
现在我们只需要知道“JavaScript中是有块作用域的”就可以了
总结
- 作用域工作模式：词法/静态作用域，动态作用域
- 词法作用域：函数作用域、块作用域
- JavaScript没有动态作用域
- JavaScript有块作用域
- with、catch子句、let（ES6）、const（ES6）产生块作用域
- 词法作用域关心函数在何处声明
- 动态作用域关心函数在何处调用
- 词法作用域作用域链基于作用域嵌套
- 动态作用域作用域链基于调用栈