js严格模式

1. 什么是严格模式

1. 概念

js提供了正常模式以及严格模式。es5的严格模式是采用具有限制性js变体的一种方式，也即在严格模式下运行js代码，需要严格按照一定的严格的规范才能够通过js解释器解析。

2. 严格模式对正常模式下的js语义的一些更改

1. 消除了js语法的一些不合理、不严谨地方
2. 消除了代码运行的一些不安全之处，保证代码运行的安全
3. 提高编译器效率，增加运行的安全
4. 禁用了在ecmascript的未来版本中可能会定义的一些语法，为未来新版本的js做好铺垫。比如一些保留字如：class,enum不能做变量名

3. 注意

严格模式在IE10以上版本的浏览器才被支持，旧版本浏览器中会被忽略。因此此模式谨慎使用，避免一些问题出现

2. 开启严格模式

1. 严格模式可以应用于整个脚本和个别函数中，因此严格模式分为：为脚本开启严格模式和为函数开启严格模式

2. 为脚本开启严格模式

1. 为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句

   'use strict'/"use strict"
   

2. 案例

   window.addEventListener('pageshow',function () {
       'use strict';
       num = 1;// 直接显示红色不符合规范
   })
   

3. 为函数开启严格模式

1. 把声明

   'use strict'/"use strict"
   

   放在函数体所有语句之前，作用域仅限于当前函数

2. 案例

   window.addEventListener('pageshow',function () {
       function fn() {
           'use strict';
           num = 1;// 直接显示红色不符合规范
       }
   })
   

3. 严格模式中的变化

1. 变量规定

1. 在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种用法，变量都必须先用var声明再使用

2. 严禁删除已经声明的变量，例如delete x;语法是错误的。

   ```js
   'use strict';
       var num = 1;
       delete num;// 显示为红色
   ```
   

2. 严格模式下this指向问题

1. 以前构造函数不加new可以当普通函数一样调用，this指向全局对象，严格模式下，如果构造函数不加new调用，this会报错。
2. 以前全局作用域函数中的this指向window对象，严格模式下全局作用域中函数中的this是undefined。主要解决区分构造函数与普通函数。
3. 定时器this还是指向window，new实例化的构造函数指向创建的对象实例。事件，对象还是指向调用者。

3. 函数变化

1. 函数不能有重名的参数

2. 函数必须声明在顶层。新版本的js会引入“块级作用域”(es6中已经引入)。为了与新版本接轨，不允许在非函数的代码块内声明函数

   if (1 > 3) { // 不允许
           function ftn() {
   
           }
       }
   

4. 其他

其他见：MDN文档