JavaScript中的with语句

执行环境的类型有两种:全局执行环境和局部执行环境(函数执行环境)。
1.全局执行环境的变量对象是window对象,是JS代码开始运行时的默认环境。全局执行环境的变量对象始终都是作用域链中的最后一个对象。但是还是有其他办法来延长作用域链。
2.函数执行环境,当某个函数被调用的时候,会先创建一个执行环境及其相应的作用域链,然后使用arguments对象和其他命名参数的值来初始化执行环境的变量对象。
有些语句可以在作用域前端临时增加一个变量对象,该变量对象会在代码执行之后被移除。

两种情况

1.with语句
2.try-catch语句的catch块
当执行流进入上面的任何一个语句时,作用域链就会被加长。

with语句

1.with语句的作用是将代码的作用域设置到一个特定的对象中。目的主要是为了简化多次编写同一个对象的工作。
2.使用with语句可以关联location对象,也就是说,在with语句的代码块内部,每个变量首先会被认为是一个局部变量,而如果在局部环境中找不到该变量的定义,则会查询location对象中是否有同名的属性。如果发现了同名的属性,则以location对象属性的值作为变量的值。
3.严格模式下不允许使用with语句,否则将视为语法错误。
4.with关键字的弊端

  • 性能问题
    使用with关键字后,js引擎不能对这段代码进行优化,,还有就是js压缩工具不能对这段代码进行压缩,这也是影响的一个因素
  • 语义不明,难以调试
    具体可以参考http://luopq.com/2016/02/14/js-with-keyword

5.对with语句来说,会将指定的对象添加到作用域中。
如:

function bulidUrl(){
    var qs = "?debug=true";

    with(location){//with语句接收的是location对象,因此with语句的变量对象中就包含了location对象的所有属性和方法,然后这个变量对象被添加到作用域的前端。
        var url = href + qs;
    }
    return url;
 //当执行流进入buildUrl函数时,它的执行环境中的活动对象就包括arguments对象,with语句中的location对象,qs,url,所以在with语句中定义的url变量可以在with语句外被访问。
}

我的理解:如果你想引用某个指定对象的方法和属性,可以用with语句。这样,这个指定对象就被添加到作用域链的前端。在with语句块中定义的url变量,可以在buildUrl函数作用域中被访问,with语句块只是一个特例(它也有变量对象,即location,当在内部引用href的时候,是因为可以在当前执行环境的变量对象中找到)

注意

IE8及其之前版本的try-catch语句块中,在catch块外面也可以访问到错误对象,因为在catch语句中捕获的错误对象会被添加到执行环境的变量对象,而不是catch语句的变量对象中。IE9修复了这个问题。

原文地址:https://www.cnblogs.com/sminocence/p/7919919.html