关于 JavaScript 的 with 语句
May 17th, 2010
Add Comment
JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式. 也就是在指定的代码区域, 直接通过节点名称调用对象.
用过 Java 和 .NET 的同学对包或命名空间的概念应该不会陌生, 正因为有这个概念, 使代码的简洁易读得到了保证. 不知 JavaScript 设计之初是如何定位 with 语句的, 个人觉得它们之间有一定的相似度. 如:
apple.banana.candy.dog.egg.fog.god.huh.index = 0; doSomething(apple.banana.candy.dog.egg.fog.god.huh.index);
利用 with 语句, 可以写为以下代码.
with(apple.banana.candy.dog.egg.fog.god.huh) { c = 0; doSomething(index); }
看起来很美妙, 却存在致命的缺陷. 下面我们来进行一些小测试吧.
1. 在 with 语句内部通过内部变量修改数值
var root = { branch: { node: 1 } }; with(root.branch) { node = 0; // 显示 0, 正确! alert(node); } // 显示 0, 正确! alert(root.branch.node);
2. 在 with 语句内部通过对象节点修改数值
var root = { branch: { node: 1 } }; with(root.branch) { root.branch.node = 0; // 显示 0, 正确! alert(node); } // 显示 0, 正确! alert(root.branch.node);
经过测试 1 和测试 2, 乍看没什么问题, 但是... 请看测试 3.
3. 在 with 语句内部通过对象父节点修改数值
var root = { branch: { node: 1 } }; with(root.branch) { root.branch = { node: 0 }; // 显示 1, 错误! alert(node); } // 显示 0, 正确! alert(root.branch.node);
由上面的测试 3 可知, with 语句内部的节点父节点修改后, 不会同步到节点本身. 也就是说, 不能保证内外数值的一致性. 这是可能成为项目里面隐藏性很高的 bug.
那我们该怎么办呢? 接受那很长的一串逐级访问, 还是另有他法?
方法是有的. 我们可以通过别名引用父节点的方式来调用节点对象, 如:
var root = { branch: { node: 1 } }; var quote = root.branch; quote.node = 0; // 显示 0, 正确! alert(root.branch.node);
我相信很少人会用 with 语句, 也不会有很多人知道这个关键字, 但我觉得这是个有问题的语句, 压根就不应该使用, 所以写个小文记录一下.
声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: 关于 JavaScript 的 with 语句
Hi, 我最近正在温习javascript语法，针对您的例子二，我对“bug”的解释如下：
进入with语句块的时候，js会创建一个临时的with对象，暂且称之为withobj：withobj的parent为当前的scope chain，withobj的__proto__为with语句块的参数root.branch。
with(root.branch) {
root.branch = {
node: 0
};
// 显示 1, 错误!
alert(node);
}
with语句块中将root.branch修改成另外一个对象，此时withobj的__proto__还是原来的对象{node:1}.于是便出现了例子二的"bug".
所以with语句并没有bug，而是一个正常的语法现象。
with语句并不可怕，它有它存在理由。:)
是因为作用域的原因吧
1.避免使用eval或者Function构造函数
2.避免使用with
3.不要在性能要求关键的函数中使用try-catch-finally
4.避免使用全局变量
第一次见 学到了
+1
看不懂
果然内涵。。。
犀牛书里也是不推荐使用with语句的
一是代码难优化, 同比不用with的代码低
二就是这个问题了, 函数定义和变量初始化可能会产生奇怪的问题
关注你有一段时间了，还以为你不再更新了
没想到最近更新还很勤，希望继续坚持啊，让我们这些菜鸟有个寻找答案的地方。
mg12 哥最近高产啊~
我大概10月份考虑去杭州找工作. 有机会一定要亲眼目睹一下 mg12 哥的芳容... 哈哈
with(apple.banana.candy.dog.egg.fog.god.huh) {
index= 0; //打错了哦
doSomething(index);
}
不容易。。居然更新了
是ajax留言么 测试下 看代码好像不像
好不容易看到你更新， 而更新滴东东我却看不懂，呵呵
有时间更新了……
没抢到沙发，
@Kars
欢迎
@bolo
因为最近在整理以前的项目, 也看一下 JavaScript 的语法规则.
少见，一天两更
额、、小白一只、、坐沙发、、