ES5之严格模式

标签: js

除了正常运行模式(混杂模式),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.对象不能有重名的属性

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

 

版权声明:本文为qq_41999617原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41999617/article/details/82729865

智能推荐

Flutter:Scaffold.of() called with a context that does not contain a Scaffold.

Flutter:Scaffold.of() called with a context that does not contain a Scaffold. 当我第一次点击按钮想要弹出底部消息时出现了如下错误 当BuildContext在Scaffold之前时,调用Scaffold.of(context)会报错。这时可以通过Builder Widget来解决,代码如下:...

【机器学习基础】线性回归

                                                        &nbs...

08-Vue实现书籍购物车案例

书籍购物车案例 index.html main.js style.css 1.内容讲解 写一个table和thead,tbody中每一个tr都用来遍历data变量中的books列表。 结果如下: 在thead中加上购买数量和操作,并在对应的tbody中加入对应的按钮。结果如下: 为每个+和-按钮添加事件,将index作为参数传入,并判断当数量为1时,按钮-不可点击。 结果如下: 为每个移除按钮添加...

堆排序

堆排序就是利用堆进行排序的方法,基本思想是,将代排序列构造成一个大根堆,此时整个序列的最大值就是堆顶的根节点。将它与堆数组的末尾元素交换,此时末尾元素就是最大值,移除末尾元素,然后将剩余n-1个元素重新构造成一个大根堆,堆顶元素为次大元素,再次与末尾元素交换,再移除,如此反复进行,便得到一个有序序列。 (大根堆为每一个父节点都大于两个子节点的堆) 上面思想的实现还要解决两个问题: 1.如何由一个无...

基础知识(变量类型和计算)

一、值类型 常见的有:number、string、Boolean、undefined、Symbol 二、引用类型 常用的有:object、Array、null(指针指向为空)、function 两者的区别: 值类型暂用空间小,所以存放在栈中,赋值时互不干扰,所以b还是100 引用类型暂用空间大,所以存放在堆中,赋值的时候b是引用了和a一样的内存地址,所以a改变了b也跟着改变,b和a相等 如图: 值...

猜你喜欢

Codeforces 1342 C. Yet Another Counting Problem(找规律)

题意: [l,r][l,r][l,r] 范围内多少个数满足 (x%b)%a!=(x%a)%b(x \% b) \% a != (x \% a) \% b(x%b)%a!=(x%a)%b。 一般这种题没什么思路就打表找一下规律。 7 8 9 10 11 12 13 14 15 16 17 18 19 20 28 29 30 31 32 33 34 35 36 37 38 39 40 41 49 50...

[笔记]飞浆PaddlePaddle-百度架构师手把手带你零基础实践深度学习-21日学习打卡(Day 3)

[笔记]飞浆PaddlePaddle-百度架构师手把手带你零基础实践深度学习-21日学习打卡(Day 3) (Credit: https://gitee.com/paddlepaddle/Paddle/raw/develop/doc/imgs/logo.png) MNIST数据集 MNIST数据集可以认为是学习机器学习的“hello world”。最早出现在1998年LeC...

哈希数据结构和代码实现

主要结构体: 实现插入、删除、查找、扩容、冲突解决等接口,用于理解哈希这种数据结构 完整代码参见github: https://github.com/jinxiang1224/cpp/tree/master/DataStruct_Algorithm/hash...

解决Ubuntu中解压zip文件(提取到此处)中文乱码问题

在Ubuntu系统下,解压zip文件时,使用右键--提取到此处,得到的文件内部文件名中文出现乱码。 导致此问题出现的原因一般为未下载相应的字体。 解决方案: 在终端中使用unar命令。 需要注意的是系统需要包含unar命令,如果没有,采用如下的方式解决: 实例效果展示: 直接提取到此处: 使用 unar filename.zip得到的文件...