首页 > 代码库 > JavaScript严格模式为何要禁用With语句

JavaScript严格模式为何要禁用With语句

看了很多遍JavaScript严格模式,其中有说“禁用With语句”,以前看到这都是骑马观花,一带而过,因为平时就很少用到这个语句,禁不禁用对自己关系都不是很大。今天禁不住想知道为何“严格模式”就容不下with语句呢?

EcmaScript规范上说“with 语句用于设置代码在特定对象中的作用域”,可以看出,With语句改变了作用域链。

 1 function Person(name,age,sex){ 2     this.name = name; 3     this.age = age; 4     this.sex = sex; 5 } 6 (function(){ 7 var title = ‘申请人:‘; 8 var zhangsan = new Person(‘张三‘,20,‘男‘); 9 var str = ‘‘;10 with(zhangsan){11     str = title+name+‘,年龄‘+age+‘岁,‘+sex+‘性‘+‘,职位‘+job;12 }13 console.log(str);14 })();

 

上面的代码会报Uncaught ReferenceError: job is not defined 。

如果将上面的with语句块改为

1 str = title+zhangsan.name+‘,年龄‘+zhangsan.age+‘岁,‘+zhangsan.sex+‘性‘+‘,职位‘+zhangsan.job;

 

则不报错,输出str 为:申请人:张三,年龄20岁,男性,职位undefined

对于with语句块中的变量,在执行时,都要在zhangsan中检查是否它的属性。

我们知道运行脚本时,需要两个过程,首先是编译,然后再执行。
很显然在编译的时候,不能确定zhangsan的这变量表示的对象有哪些属性。只能在执行时才能确定zhangsan是Person的一个实例。所以就不能在编译时确实with语句块中的变量是zhangsan的属性还是上一层变量作用域链中的变量。

这与严格模式有编译时就检查变量是否定义冲突,所以严格模式不会允许异已存在,因此严格模式禁用With语句,也就不难理解了。

JavaScript严格模式为何要禁用With语句