JavaScript中with语句的优缺点

前几天参加了LAMP的一个技术分享会，有一个前端开发人员的主题是如何规避bug和性能优化，让我觉得无论是做Java开发还是Web前段开发，优化始终应该是我需要努力的方向。

 

今天看到某前辈写的一个JS控件，里面有比较多的with语句引起了我的好奇。

 

with语句的作用是暂时改变作用域链、减少的重复输入。

 

其语法结构为：

 

with(object){
      //statements
}

 

举一个实际例子吧：

 

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";

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

 

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

 

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

 

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