JavaScript严格模式禁用With语句的原因_javascript技巧
程序员文章站
2022-04-30 22:07:49
...
看了很多遍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语句,也就不难理解了。
推荐阅读
-
分享5个小技巧让你写出更好的 JavaScript 条件语句
-
JavaScript严格模式下关于this的几种指向详解
-
javascript在严格模式下的执行结果分享
-
5个技巧写更好的JavaScript条件语句
-
JavaScript严格模式use strict的介绍
-
JavaScript严格模式不支持八进制的问题讲解
-
前端学习笔记三:JavaScript(2)变量的分类和作用域+利用浏览器调试模式测试+HTML事件+表示特殊字符(+运算符+各种循环和条件语句【略】)
-
分享5个小技巧让你写出更好的 JavaScript 条件语句
-
面向对象设计模式的核心法则_javascript技巧
-
js或css文件后面跟参数的原因说明_javascript技巧