js with语句

看书时候看到了with语句的一些用法，决定把它写下来：

（1）首先：with语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。也就是在指定的代码区域，直接通过节点名称调用对象。

（2）with语句的作用主要是为了简化多次编写同一个对象的工作，减少代码的重复输入。

var obj = {a:2};
function test() {
    var a = 1;
    with (obj){
        var a = 2;
        console.log(a);  //2
    }
    console.log(a); //1
}
test();

从打印出来的结果可以看到，在with语句中输出的a的值为2，而with语句之后a的值又变为了1。在with语句中的执行环境的对象就是对象b，而不是函数test,所以此时访问的是b对象中a的值。

补充：按照理解，js的作用域链查找的过程是一个冒泡的过程，即，从底部开始往上走，找到了就会停止再往上查找。所以作用域链的最前端应该是指的作用域链的最底部，然后查找变量时最先查找这个对象。

var obj = {a:2};
function test() {
    var a = 1;
    with (obj){
        var a = 2;
        obj.c = 0;
        d = 3;
        console.log(a);  //2
        console.log(c);  //0
    }
    console.log(a); //1
    console.log(obj); //object{a: 2, c: 0;}
    console.log(d);  // 3
}
test();

总结：

（1）在with语句块中，只是改变了对变量的遍历顺序，由原本的执行环境开始变为从with语句的对象开始。

（2）离开with语句后，遍历顺序就会再次变成从执行环境开始。

（3）with语句接收的对象会添加到作用域链的前端，并在执行代码之后移除。