JavaScript严格模式禁用With语句的原因

198 阅读 0 评论 131 点赞

我是靠谱客的博主无聊龙猫，最近开发中收集的这篇文章主要介绍JavaScript严格模式禁用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语句，也就不难理解了。