JavaScript执行环境及作用域（二）——延长作用域链-优快云博客

探讨JavaScript中作用域链的概念，特别是在try-catch和with语句中如何临时增加变量对象，以及这些对象如何影响代码执行流程。通过具体示例说明with语句如何改变作用域链，以及其对变量搜索机制的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

虽然执行环境的类型总共只有两种——全局和局部（函数），但还是有办法来延长作用域链的，这么说是因为有些语句可以在作用域链的前端临时增加一个变量对象，该变量对象会在代码执行后被移除。在两种情况下会发生这种现象。具体来说，就是当执行流进入下列任何语句时，作用域链就会得到加长：

try-catch语句的catch块。
with语句。

这两个语句都会在作用域链的前端添加一个变量对象。对with语句来说，会将指定的对象添加到作用域链中。对catch语句来说，会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。下面看一个例子：

var mother = {
    name: 'Rose',
    age: 30
}

function father(){
    var fName = 'Jack';
    var name = '张三';

    function son(){
        var sName = 'son';
        with(mother){
            var word = 'my name: ' + sName + ', father name: ' + fName +
                ', mother name: ' + name + ", mother age: " + age;
        }
        console.log(word);//my name: son, father name: Jack, mother name: Rose, mother age: 30
    }
    son();
}
father();

首先声明一个对象mother，包含两个属性：name和age，然后定义一个函数father，里面声明两个变量：fName和name，又声明一个函数son，son中定义了一个变量sName和一个with语句块。我们来看打印的结果，mother name为对象mother中的Rose，而不是函数father中的张三，这就是with语句在起作用。