JavaScript严格模式禁用With语句的原因
更新时间：2014年10月20日 15:58:50 投稿：whsnow
看了很多遍JavaScript严格模式，其中有说“禁用With语句”今天禁不住想知道为何“严格模式”就容不下with语句呢，如果你也表示疑惑可以看看哦
看了很多遍JavaScript严格模式，其中有说“禁用With语句”，以前看到这都是骑马观花，一带而过，因为平时就很少用到这个语句，禁不禁用对自己关系都不是很大。今天禁不住想知道为何“严格模式”就容不下with语句呢？
EcmaScript规范上说“with 语句用于设置代码在特定对象中的作用域”，可以看出，With语句改变了作用域链。
function Person(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
}
(function(){
var title = '申请人：';
var zhangsan = new Person('张三',20,'男');
var str = '';
with(zhangsan){
str = title+name+'，年龄'+age+'岁，'+sex+'性'+'，职位'+job;
}
console.log(str);
})();
上面的代码会报Uncaught ReferenceError: job is not defined 。
如果将上面的with语句块改为
str = title+zhangsan.name+'，年龄'+zhangsan.age+'岁，'+zhangsan.sex+'性'+'，职位'+zhangsan.job;
则不报错，输出str 为：申请人：张三，年龄20岁，男性，职位undefined
对于with语句块中的变量，在执行时，都要在zhangsan中检查是否它的属性。
我们知道运行脚本时，需要两个过程，首先是编译，然后再执行。
很显然在编译的时候，不能确定zhangsan的这变量表示的对象有哪些属性。只能在执行时才能确定zhangsan是Person的一个实例。所以就不能在编译时确实with语句块中的变量是zhangsan的属性还是上一层变量作用域链中的变量。
这与严格模式有编译时就检查变量是否定义冲突，所以严格模式不会允许异已存在，因此严格模式禁用With语句，也就不难理解了。
相关文章
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
这篇文章主要介绍了微信小程序scroll-view实现滚动穿透和阻止滚动的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了Bootstrap模态框禁用空白处点击关闭的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了微信小程序使用gitee进行版本管理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
本文是司徒正美的《javascript框架设计》的第三章第2节的读书笔记，本节主要介绍的是javascript数组的扩展与修复，本文则是选取了其中的重点部分展示给大家。2014-12-12
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)
这篇文章主要介绍了基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
Add a Table to a Word Document
Add a Table to a Word Document...2007-06-06
下面小编就为大家带来一篇js实现对table的增加行和删除行的操作方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
下面小编就为大家带来一篇JavaScipt选取文档元素的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了js获取input长度并根据页面宽度设置其大小及居中对齐的方法,需要的朋友可以参考下2014-08-08
JavaScript通过改变文字透明度实现的文字闪烁效果实例
这篇文章主要介绍了JavaScript通过改变文字透明度实现的文字闪烁效果,结合完整实例形式分析了javascript基于定时器周期性动态修改页面元素属性的相关操作技巧,需要的朋友可以参考下2017-04-04
最新评论