首页 > 技术文章 > js中with 用法

baby-zhude 2015-01-08 10:20 原文

with 语句用于设置代码在特定对象中的作用域。

它的语法:

with (expression) statement例如:
var sMessage = "hello";
with(sMessage) {
alert(toUpperCase()); //输出 "HELLO"
}

在这个例子中,with 语句用于字符串,所以在调用 toUpperCase() 方法时,解释程序将检查该方法是否是本地函数。如果不是,它将检查伪对象 sMessage,看它是否为该对象的方法。然后,alert 输出 "HELLO",因为解释程序找到了字符串 "hello" 的 toUpperCase() 方法。
提示:with 语句是运行缓慢的代码块,尤其是在已设置了属性值时。大多数情况下,如果可能,最好避免使用它。

 

 

with主要用于对一个对象的多个属性进行操作时,使代码更简洁易读,比如:

with(document.getElementsByTagName('DIV')[0].style){
backgroundColor='#FF0000';
color="#FFFFFF";
fontSize='14px';
fontWeight='bold';
textAlign='center';
}

如果只是对一两个属性操作,完全没有必要使用with语句块.

 

追问:with性能低是吗,建议少用是吗?

 

回答:这个性能损失可能是很轻微的,或许只有在某些特殊情况下才需要考虑性能问题,比如在一个循环中反复调用with几百几千次,如果仅是在顺序代码中使用几次,这个性能损失可以乎略不计.

 

推荐阅读