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语句，也就不难理解了。
相关文章
这篇文章主要介绍了js+HTML5基于过滤器从摄像头中捕获视频的方法,涉及javascript基于html5元素操作多媒体的使用技巧,需要的朋友可以参考下2015-06-06
兼容IE,firefox的js tab效果代码增强版2008-04-04
关于document.cookie的使用javascript
设置cookie 每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie：2008-04-04
这篇文章主要介绍了Javascript 制作图形验证码实例详解的相关资料,附有实例代码及实现效果图，需要的朋友可以参考下2016-12-12
这篇文章主要介绍了es6中let和const的使用方法,结合实例形式详细分析了es6中let和const的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下2020-02-02
这篇文章主要为大家详细介绍了js实现图片懒加载效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了js刷新页面location.reload()用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
HTML页面元素可以通过js动态改变，比如可以向HTML中添加元素或删除某个元素，下面为示例代码，感兴趣的朋友不要错过2014-08-08
这篇文章主要为大家详细介绍了原生js模拟购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了js实现可多次定时的倒计时小实例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论