JavaScript严格模式禁用With语句的原因
作者:bea
看了很多遍JavaScript严格模式,其中有说“禁用With语句”,以前看到这都是骑马观花,一带而过,因为平时就很少用到这个语句,禁不禁用对自己关系都不是很大。今天禁不住想知道为何“严格模式”就容不下with语句呢? EcmaScript规范上说“with 语句用于设置代码在特定对象中的作用域”,可以看出,With语句改变了作用域链。 function Person(name,age,sex){this.name = name;this.age = age;this.s
看了很多遍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语句,也就不难理解了。
有用 | 无用
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语句,也就不难理解了。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Javascript this 关键字 详解
- Javascript 构造函数详解
- Javascript中Array.prototype.map()详解
- javascript数组详解
- Javascript 数组排序详解
- Javascript中arguments对象详解
- Javascript中的默认参数详解
- js style动态设置table高度
- js读写json文件实例代码
- 一个JavaScript防止表单重复提交的实例
- javascript Deferred和递归次数限制实例
- JQuery的Ajax中Post方法传递中文出现乱码的解决方法
- jquery中post方法用法实例
- js调试工具Console命令详解
- JS中FRAME的操作问题实例分析
- 用Jquery.load载入页面后样式没了页面混乱的解决方法
- Javascript+CSS实现影像卷帘效果思路及代码
- 利用jquery操作Radio方法小结
- 利用a标签自动解析URL分析网址实例