JavaScript作用域学习笔记

重点知识点摘要

一

函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性

其中一个内部属性是[[Scope]]，由ECMA-262标准第三版定义，该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定了哪些数据能被函数访问。

从作用域链的结构可以看出，在运行期上下文的作用域链中，标识符所在的位置越深，读写速度就会越慢。如上图所示，因为全局变量总是存在于运行期上下文作用域链的最末端，因此在标识符解析的时候，查找全局变量是最慢的。所以，在编写代码的时候应尽量少使用全局变量，尽可能使用局部变量。一个好的经验法则是：如果一个跨作用域的对象被引用了一次以上，则先把它存储到局部变量里再使用。

JavaScript 开发进阶：理解 JavaScript 作用域和作用域链

二

JS权威指南中有一句很精辟的描述:　”JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里.”

任何执行上下文时刻的作用域, 都是由作用域链(scope chain)来实现.

函数对象的[[scope]]属性是在定义一个函数的时候决定的, 而非调用的时候

在调用函数执行之前, 会首先创建一个活动对象, 然后搜寻这个函数中的局部变量定义,和函数定义, 将变量名和函数名都做为这个活动对象的同名属性, 对于局部变量定义,变量的值会在真正执行的时候才计算, 此时只是简单的赋为undefined.

1. <script>
2. alert(typeof eve); //结果:function
3. alert(typeof walle); //结果:undefined
4. function eve() { //函数定义式
5. alert('I am Laruence');
6. };
7. var walle = function() { //函数表达式
8. }
9. alert(typeof walle); //结果:function
10. </script>

在JS中, 是有预编译的过程的, JS在执行每一段JS代码之前, 都会首先处理var关键字和function定义式(函数定义式和函数表达式).

摘要出处  Javascript作用域原理 单纯看这几句话难以理解，最好看看作者的例子