JavaScript中with语句的优缺点

最新推荐文章于 2025-09-10 16:16:57 发布

转载最新推荐文章于 2025-09-10 16:16:57 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bboyxiang/p/5289907.html

文章标签：

#javascript #ViewUI

本文探讨了JavaScript中with语句的作用、语法结构及其在代码开发中的使用情况，对比传统写法，分析了with语句带来的简洁性和潜在性能问题。建议在高效代码开发中避免使用with语句。

JavaScript中with语句的优缺点

前几天在看‘高薪能Javascript’这本书，里面的第2章的改变作用域链这一篇章中，介绍了with语句的使用引起我的好奇。

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

其语法结构为：

1     with(object){  
2           //statements  
3     }

举一个实际例子吧：

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

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

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

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

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

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

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