互联网公司面试题之小米公司前端(如何延长一个作用域链)

本文主要详细介绍一下如何延长一个作用域链，希望对大家面试有帮助。前一篇（apply，call，bind的区别）

作用域链或者作用域的问题经常会被问到，这个问题的考察点很多，像局部变量、全局变量、变量提升、闭包等等，因此方便考官持续的将问题扩展开来，考察面试者对此知识点掌握的深度。

那什么是作用域链？

我的理解就是，根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问。

想要知道js怎么链式查找，就得先了解js的执行环境

每个函数运行时都会产生一个执行环境，而这个执行环境怎么表示呢？js为每一个执行环境关联了一个变量对象。环境中定义的所有变量和函数都保存在这个对象中。

全局执行环境是最外围的执行环境，全局执行环境被认为是window对象，因此所有的全局变量和函数都作为window对象的属性和方法创建的。

js的执行顺序是根据函数的调用来决定的，当一个函数被调用时，该函数环境的变量对象就被压入一个环境栈中。而在函数执行之后，栈将该函数的变量对象弹出，把控制权交给之前的执行环境变量对象。

举个例子：

执行环境示例

上面代码执行情况演示：

了解了环境变量，再详细讲讲作用域链。

当某个函数第一次被调用时，就会创建一个执行环境以及相应的作用域链，并把作用域链赋值给一个特殊的内部属性([scope])。然后使用this，arguments和其他命名参数的值来初始化函数的活动对象。当前执行环境的变量对象始终在作用域链的第0位。

以上面的代码为例，当第一次调用fn1()时的作用域链如下图所示：

（因为fn2()还没有被调用，所以没有fn2的执行环境）

作用域链示例

可以看到fn1活动对象里并没有scope变量，于是沿着作用域链(scope chain)向后寻找，结果在全局变量对象里找到了scope，所以就返回全局变量对象里的scope值。

标识符解析是沿着作用域链一级一级地搜索标识符地过程。搜索过程始终从作用域链地前端开始，然后逐级向后回溯，直到找到标识符为止（如果找不到标识符，通常会导致错误发生）—-《JavaScript高级程序设计》

啰嗦这么多，接下来我们看看如何延长一个作用域链。

其实回答很简单，用with语句和try catch 都可以延长作用域链。

对 with 来说，将会指定对象添加到作用域链中。将特定的变量对象保存在作用域链的最上层。

对 catch 来说，会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。

（with）例：

（with）示例

上例表示：with语句将location对象提升到了作用域链的最前端，相当于原来window的位置，而原来的AO对象就处于其下方，也就相当于延长了作用域链，其中的href指的就是location对象里面的href。

（try-catch）例：

（try-catch）示例

上例表示：try-catch语句在JavaScript中用来处理异常，在catch(e){}中的错误对象组成了一个新的变量对象然后被加到了作用域的最前端。

在最后再说几个简单的作用域相关概念：

词法作用域：函数的作用域在函数定义的时候就决定了。与词法作用域相对的是动态作用域。

动态作用域：函数的作用域是在函数调用的时候才决定的。

词法作用域与动态作用域示例

变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

注意：js只有声明的变量会提升，初始化的不会。

例：

像闭包等比较复杂的知识，后续会单独在一篇文章中讲解。