日期:2014-05-16 浏览次数:20371 次
前几天参加了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语句。
?