为什么不使用 javascript with?

众所周知大家对 with 都没什么好感,而且不推荐使用。

可以收集到的理由有:

下面几条来自 《javascript权威指南》 第 5 版本。

  1:使用with的语句很难优化。
  2:使用with语句速度要比不使用with语句的等价代码的速度慢得多。
  3:在with语句中的函数定义和变量初始化可能产生令人惊讶,和直觉相抵触的行为。
  4:90%(或者更高比例)的with应用场景都可以用其他更好的方式代替。

如何证明以上观点。

  第1点:貌似没有什么好的代码实例。(欢迎大家提供)

  第2点:使用with语句速度要比不使用with语句的等价代码的速度慢得多。

var a = {
            a:{
                a:{
                    a:{
                        a:{
                            a:{
                                a:{
                                    b:1
                                }
                            }
                        }
                    }
                }
            }
        };
        
        //取值与赋值 10000
        function noWith(){
            var obj = a.a.a.a.a.a.a, i=100000, j = 0;
            for(; i; i--){
                j = obj.b;
                obj.b = i;
            }
        }
        
        //取值与赋值 10000
        function yesWith(){
            var i=100000, j = 0;
            with( a.a.a.a.a.a.a ){
                for(; i; i--){
                    j = b;
                    b = i;
                }
            }
        }
        
        
        var t = new Date().getTime();
        //noWith();
        yesWith();
        console.log(new Date().getTime() - t);
        
        //运行上面两个函数, 对一个比较深的对象取值与赋值 100000 次
        
        //不使用with: 0-3毫秒(chrome浏览器,可能是V8太NB,我自己都不信了),换了Firefox 大约是7-10毫秒
        //使用with: 120-130毫秒之间(chrome), 110-120毫秒(Firefox)
        
        //结论:使用with进行大量运算确实存在一些性能问题,但是10W次的运算估计也很少遇到,大家自己权衡。

  第3点:在with语句中的函数定义和变量初始化可能产生令人惊讶,和直觉相抵触的行为。

  

function useWith(){
            var obj = {
                item:{//姑且把这个对象叫做 this1
                    key:1
                }
            };
            
            with( obj.item ){
            
                obj.item = {
                    key : 2
                };
                
                console.log( key ); //1,  你悲剧的访问到了1
                //理由:with 已经确定了当前 this 指向了 this1, 
                //在访问 key 的时候不会重新读取 obj.item 新的指针。
                //疑问:本来在 obj.item 被重新赋值的时候就应该把 this1 的这个对象抛弃了(它已经没有存在引用了),那么最后一句key的访问结束内存会被回收吗?
            }
        }
        
        useWith();

看到 javascript 第6版上的例子:(一个更加悲剧的with使用)

var c ={};
        
        with(c){
            x = 111;
        }

        console.log(c.x); // undefined
        console.log(window.x); // 111

  第4点:90%(或者更高比例)的with应用场景都可以用其他更好的方式代替。

  可以想象with是帮你保存一个this指针而不用重复书写,我们当然也可以用一个变量来保存这个指针。

  故大部分with的应用场景可以有替代方案是可以做到的。

为什么做这个测试?

  只是想弄的明白些,或者接收更多人的看法。

原文地址:https://www.cnblogs.com/idche/p/2799355.html