with语句性能优化

学习javascript 时在语句里面看见了with语句，兴之所至仔细看了下。

在一位前辈的博客看见十分详细的介绍，本着原汁原味的原则特摘录下来。

举一个实际例子吧：

 

Js代码  

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

与之对应的传统的写法是：

 

Js代码  

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

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

 

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

 

Js代码  

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

 

 所以在以后的高效代码开发中我们应该尽可能的避免使用with语句。

博客原地址：http://tjuking.iteye.com/blog/1419964