关于JavaScript的with语句的使用方法
JavaScript方法 使用 语句 关于 with
2023-06-13 09:14:28 时间
用过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语句内部通过内部变量修改数值
varroot={
branch:{
node:1
}
};
with(root.branch){
node=0;
//显示0,正确!
alert(node);
}
//显示0,正确!
alert(root.branch.node);
2.在with语句内部通过对象节点修改数值
varroot={
branch:{
node:1
}
};
with(root.branch){
root.branch.node=0;
//显示0,正确!
alert(node);
}
//显示0,正确!
alert(root.branch.node);
经过测试1和测试2,乍看没什么问题,但是...请看测试3.
3.在with语句内部通过对象父节点修改数值
varroot={
branch:{
node:1
}
};
with(root.branch){
root.branch={
node:0
};
//显示1,错误!
alert(node);
}
//显示0,正确!
alert(root.branch.node);
由上面的测试3可知,with语句内部的节点父节点修改后,不会同步到节点本身.也就是说,不能保证内外数值的一致性.这是可能成为项目里面隐藏性很高的bug.
那我们该怎么办呢?接受那很长的一串逐级访问,还是另有他法?
方法是有的.我们可以通过别名引用父节点的方式来调用节点对象,如:
varroot={
branch:{
node:1
}
};
varquote=root.branch;
quote.node=0;
//显示0,正确!
alert(root.branch.node);
我相信很少人会用with语句,也不会有很多人知道这个关键字,但我觉得这是个有问题的语句,压根就不应该使用,所以写个小文记录一下.
相关文章
- JavaScript数组filter方法
- 【说站】javascript创建对象的方法
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- javascript采用Broadway实现安卓视频自动播放的方法(这种坑比较多 不建议使用)详解编程语言
- javascript下给元素添加事件的方法与代码
- asp.net注册Javascript的方法
- javascript数组使用方法汇总
- javascript之嵌套函数使用方法
- JavaScript调用Activex控件的事件的实现方法
- javascript对象之内置对象Math使用方法
- JavaScript中关于indexOf的使用方法与问题小结
- Javascript页面模板化很多人没有使用过的方法
- JavaScript中OnLoad几种使用方法
- javascript中encodeURI和decodeURI方法使用介绍
- javascript闭包的高级使用方法实例
- 用JavaScript实现动画效果的方法
- 不使用浏览器运行javascript代码的方法
- javascript按位非运算符的使用方法
- 使用Rhino让java执行javascript的方法实例
- javascript的创建多行字符串的7种方法
- JavaScript-RegExp对象只能使用一次问题解决方法
- 使用JavaScript获取地址栏参数的方法
- JavaScript中伪协议javascript:使用探讨
- javascript中with()方法的语法格式及使用
- JavaScript使用setInterval()函数实现简单轮询操作的方法