一、什么是严格模式
JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。
严格模式对正常的 JavaScript 语义做了一些更改:
- 消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。
- 消除代码运行的一些不安全之处,保证代码运行的安全。
- 提高编译器效率,增加运行速度。
- 禁用了在 ECMAScript 的未来版本中可能会定义的一些语法,为未来新版本的 Javascript 做好铺垫。比如一些保留字如:class,enum,export, extends, import, super 不能做变量名。
二、严格模式的使用
严格模式可以应用到整个脚本或个别函数中。因此在使用时,我们可以将严格模式分为为脚本开启严格模式和为函数开启严格模式两种情况。
- 情况一 :为脚本开启严格模式
- 情况二: 为函数开启严格模式
其实说白了,就是在有效js代码(不包含注释)开始之前加入字符串 "use strict",否则无效,例如:
<!-- 为整个脚本(script标签)开启严格模式 -->
<script>
'use strict';
// 下面js代码会按照严格模式执行代码
</script>
<!-- 在当前的这个自调用函数中有开启严格模式 -->
<script>
(function() {
'use strict';
// 下面js代码会按照严格模式执行代码
})();
</script>
<!-- 为某个函数开启严格模式 -->
<script>
function fn() {
"use strict";
//下面代码按照严格模式执行
return "123";
}
</script>
三、严格模式和非严格模式的区别
(一)变量规定
1、在普通模式中,如果一个变量没有声明就赋值,默认是全局变量,严格模式禁止这种用法,变量都必须先用var命令声明,然后再使用。
2、严禁删除已经声明变量。例如,delete x,语法是错误的。
(二)严格模式下this指向问题
- 以前在全局作用域函数中的this指向window对象。
- 严格模式下全局作用域中函数中的this是undefined。
- 以前构造函数时不加new也可以调用,当普通函数,this指向全局对象。
- 严格模式下,如果构造函数不加new调用,this会报错。
- new实例化的构造函数指向创建的对象实例。
- 定时器this还是指向window。
- 事件、对象还是指向调用者。
(三)函数变化
- 函数不能有重名的参数。
- 函数必须声明在顶层新版本的JavaScript会引入“块级作用域”(ES6中已引入)。为了与新版本接轨,不允许在非函数的代码块内声明函数。