欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

使用严格模式下:
ES5之严格模式

username变红了,

ES5之严格模式

控制台报错。不用var 的话浏览器就以为你这个行为是无效的,我们把var 加上:

ES5之严格模式

控制台也不报错了,正确输出。

2.禁止自定义的函数中的this指向window

 <script>
     'use strict'
     function Person(name,age) {
         this.name=name;
         this.age=age;
     }
     Person(kebi,18);//自调用的this就是window
 </script>

在使用严格模式下,自调用的this会指向window,控制台就要报错

ES5之严格模式

想要不报错就必须:

<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.对象不能有重名的属性

ES5之严格模式

在严格模式下这样写就会出现红色波纹。

 

相关标签: js