关于JavaScript的with语句

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 语句, 也不会有很多人知道这个关键字, 但我觉得这是个有问题的语句, 压根就不应该使用, 所以写个小文记录一下.

原文地址：http://www.neoease.com/javascript-with-statement/

标题名称：关于JavaScript的with语句
分享地址：http://www.shufengxianlan.com/qtweb/news21/385021.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联