本篇文章为大家展示了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);上述内容就是JavaScript 中with 语句如何使用，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网行业资讯频道。
