日期:2014-05-16  浏览次数:20371 次

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语句。

?