ES5之严格模式
程序员文章站
2022-03-07 18:29:25
...
除了正常运行模式(混杂模式),ES5添加了第二种运行模式:“严格模式”(strict mode),顾名思义这种模式使得js在更严格的语法条件下运行。
目的/作用:消除js语法的一些不合理,不严谨之处,减少一些怪异行为,消除代码运行的一些不安全之处,为代码的安全运行保驾护航,为未来新版本的js做好铺垫
使用:在全局或函数的第一条语句定义为:‘use strict’;如果浏览器不支持,只解析为一条简单的语句,没有任何副作用
语法和行为改变
1.必须使用var声明变量
<script>
//'use strict',不适用严格模式情况
username='kebi'; //不使用var ,默认就是window属性,会污染全局环境
console.log(username); //输出kebi
</script>
使用严格模式下:
username变红了,
控制台报错。不用var 的话浏览器就以为你这个行为是无效的,我们把var 加上:
控制台也不报错了,正确输出。
2.禁止自定义的函数中的this指向window
<script>
'use strict'
function Person(name,age) {
this.name=name;
this.age=age;
}
Person(kebi,18);//自调用的this就是window
</script>
在使用严格模式下,自调用的this会指向window,控制台就要报错
想要不报错就必须:
<script>
'use strict'
function Person(name,age) {
this.name=name;
this.age=age;
}
new Person('kebi',18);//自调用的this就是window
</script>
一旦new的话this就指向实例化对象
3.创建eval作用域
<script>
'use strict'
var str='NBA';
eval('alert(str)'); //eval会解析js代码,让js代码执行
</script>
运行会弹出‘NBA’;
在不使用严格模式下:
<script>
//'use strict'
var str='NBA';
eval('var str="ABC";alert(str)');
alert(str);
//这样的话eval没有自己的作用域,在eval写的话相当于在全局中写
</script>
两次弹出都是ABC;这样的话就有问题,有一定的安全隐患。有可能eval里是接收别人发来的请求,如果有人要攻击你,就很有可能拦截发来的请求,再换上自己的请求,导致你的项目崩溃。
<script>
'use strict'
var str='NBA';
eval('var str="ABC";alert(str)');
alert(str);
</script>
第一次输出ABC,第二次输出NBA;发现eval有自己的作用域了,并没有污染全局环境。eval作用域和函数作用域是一样的,内部的数据都是私有的。所以eval很不安全,它不管接收的是什么,都去执行。
4.对象不能有重名的属性
在严格模式下这样写就会出现红色波纹。
上一篇: 35. 搜索插入位置
下一篇: DOM 常用事件(详解)