延长一个作用域链

什么是作用域链?

我的理解就是,根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问。
想要知道js怎么链式查找,就得先了解js的执行环境

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

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

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

举个例子:


bk1.png

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

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

啰嗦这么多,接下来我们看看如何延长一个作用域链。
其实回答很简单,用with语句和try catch 都可以延长作用域链。

对 with 来说,将会指定对象添加到作用域链中。将特定的变量对象保存在作用域链的最上层。
对 catch 来说,会创建一个新的变量对象,其中包含的是被抛出的错误对象的声明。

(with)例:


bk2.png

with语句将sMessage对象提升到了作用域链的最前端,相当于原来window的位置,而原来的AO对象就处于其下方,也就相当于延长了作用域链。

(try catch)例:


bk3.png

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

你可能感兴趣的:(延长一个作用域链)