javaScript中with的用法

时间 2019-11-18

原文原文链接

1 JavaScript中的with语句的做用是为逐级的对象访问提供命名空间式的速写方式，也就是在指定的代码区域, 直接经过节点名称调用对象css

初次接触到with用法，是这样一段代码：html

 
         function validate_email(field,alerttxt){ 
        
         with (field){ 
        
         apos=value.indexOf(@) 
        
         dotpos=value.lastIndexOf(.) 
        
         if (apos<1||dotpos-apos<2){ 
        
         alert(alerttxt); 
        
         return false; 
        
         }else { 
        
         return true; 
        
         } 
        
         } 
        
         }

with的用法总结以下：web

with对象可以使咱们很方便的使用某个对象的一些属性，而不用每次都去写对象名.属性的形式，直接使用对象名。就像上面的代码，field是对象，而value是对象的值。若不是有with，咱们应该是field.value的形式来使用属性。使用with去除了屡次写with对象只能使用属性，而不能改变属性。优化

这里有个很简单的例子：this

传统的写法spa

 
         function Lakers(){   
        
         this.name = "kobe bryant";   
        
         this.age = 28;   
        
         this.gender = "boy";   
        
         }  
        
         //传统写法 
        
         var people=new Lakers(); 
        
         var str = "姓名：" + people.name + "<br />"; 
        
         str += "年龄：" + people.age + "<br />";  
        
         str += "性别：" + people.gender;  
        
         document.write(str);

with写法ssr

 
         function Lakers(){   
        
         this.name = "kobe bryant";   
        
         this.age = 28;   
        
         this.gender = "boy";   
        
         }   
        
         //with写法 
        
         var people=new Lakers();  
        
         with(people){   
        
         var str = "姓名：" + name + "<br />";   
        
         str += "年龄：" + age + "<br />";   
        
         str += "性别：" + gender;   
        
         document.write(str);   
        
         }

这样使用，会获得结果：code

姓名: kobe bryantorm

年龄：28htm

性别：boy

从下例能够看出with语句的简洁明了，不过在代码的世界里是很难找到真正的完美。

 
         with(document.forms[0]){  
        
         name.value = "lee king";  
        
         address.value = "Peking";  
        
         zipcode.value = "10000";  
        
         }

对应的传统写法：

 
         document.forms[0].name.value = "lee king";  
        
         document.forms[0].address.value = "Peking";  
        
         document.forms[0].zipcode.value = "10000";

可是，js的解释器须要检查with块中的变量是否属于with包含的对象，这将使with语句执行速度大大降低，而且致使js语句很难被优化。为了兼顾速度与代码量能够找到一个比较折衷的方案：

 
         var form = document.forms[0];  
        
         form.name.value = "lee king";  
        
         form.address.value = "Peking";  
        
         form.zipcode.value = "10000";

因此在之后的高效代码开发中咱们应该尽量的避免使用with语句。

2 with方式也能够用来进行样式的赋值。

js进行样式的赋值方法你们能够参考JavaScript中用cssText设置css样式

其中一种方法是：cssText方法:

 
         var t=document.getElementById(dd); 
        
         t.style.cssText=width:200px;height:300px;

还能够

 
         with(t.style){ 
        
         width='300px'; 
        
         height='300px'; 
        
         }