Javascript高级编程学习笔记（10）—— 作用域、作用域链

昨天介绍了，JS中函数的作用域

什么词法环境之类的，可能很多小伙伴不太明白。

在今天的内容开始之前，先做个简短的声明：

词法环境这一概念是在ES5中提出的，因为词法环境主要用于保存let、const声明的变量、函数

而在ES3中对变量相关的信息都保存在变量对象上；

从功能上来说变量对象可以看作是词法环境中的环境记录

两者从功能上来说区别不大，只是不同版本的ES有不同的说法

为了保持与前文的一致，这篇文章中我还是用环境记录来描述JS保存当前执行环境（上下文）中定义的变量和函数的对象

ES6之前JS中的作用域只有全局作用域和局部作用域（函数作用域）两种，后文将基于此进行解释

作用域

作用域联系前文我们可以理解为执行环境（上下文）中的词法环境

而每个作用域都由一个保存变量的对象（环境记录）和一个指向外部词法环境的outer（对外部环境引用）构成

作用域之间的嵌套关系由outer来维护

一个个作用域通过outer形成的链式结构就被称作作用域链

在《js高级程序设计》中把执行栈顶端的执行环境（上下文）中的作用域（词法环境）称为活动对象

作用域链

那么作用域链是干嘛的呢？

作用域链就是让我们能在子作用域中访问父作用域链中的变量的

在解释作用域的时候我提过，每个作用域都包含了一个对外部作用域的引用，这个引用是单向的

这也是子作用域能访问父作用域，而父作用域不能访问子作用域的原因

当我们在使用变量的时候，JS会解析标识符，解析实际上就是一个沿着作用域链一层层搜索标识符的过程

在搜索标识符这一过程中，只要搜索到符合的标识符就会立即停止搜索

这也就是当父级作用域和子作用域有同名变量时，JS以子作用域中的为准的原因

延长作用域链

在JS中除了函数之外，还有一些语句也会产生作用域，从而延长作用域

1.try-catch中的catch会产生一个新的作用域

2.with语句 会将指定对象作为作用域添加到执行栈的顶端

在使用上方的语句时需要注意一下

PS . IE8 之前的JS版本中catch会将错误对象添加到当前的执行环境的变量对象中，而不是新建一个，IE9中修复了该bug

没有块级作用域

在ES6之前JS是没有块级作用域的，也就是大括号之间的代码块不会产生一个独立的作用域

也就是说花括号中间声明的变量会添加到当前的执行环境中

这也是for循环中声明的 i 在外部也能访问的原因

最近的文章可能都没有什么例子的配合了，一是有些东西实在不好举例，二是自己水平有限

望谅解，JS中的闭包等问题会在后面介绍object里面的function类型的时候介绍