ES5 严格模式详解

第一章 ES5

1.1. 严格模式

• 除了正常运行模式（混杂模式），ES5 添加了第二种运行模式：严格模式（strict mode）。

产生目的

• 消除 JavaScript 语法的一些不合理、不严谨的地方，减少一些怪异行为。
• 提高编译器效率，增加运行速度。
• 消除代码运行的一些不安全不合理之处，为将来新版本的 JavaScript 做好铺垫。

使用方法

• 全局：针对整个 js 文件
  将'use strict' 放在 js 文件的第一行。
• 局部：针对单个函数
  将 'use strict' 放在函数体的第一行。

执行限制

• 必须使用 var 声明变量，否则在严格模式下不通过（会报错）。

  'use strict'
  // 未使用 var 声明
  test = '允许否'
  console.log(test)
  

  执行结果：

  Uncaught ReferenceError: test is not defined
  

• 禁止自定义函数中的 this 指向 window 。

  <script type="text/javascript">
      'use strict'
      function Preson(name, age) {
        this.uname = name
        this.age = age
      }
  
      Preson('小柔', 20)
  </script>
  

  执行结果：

  Uncaught TypeError: Cannot set property 'age' of undefined
  

• 同级作用域下不允许有重名变量（对象重名的属性、函数重名的形参）

  function test(a, b, a) {
      console.log(a, b, a)
  }
  test(1, 2, 3)
  

  执行结果：

  Uncaught SyntaxError: Duplicate parameter name not allowed in this context
  

创建 eval 作用域

eval(string) 可以计算某个字符串，并执行其中的的 JavaScript 代码（实际开发中很少用到）。

注： 该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回

• 普通模式下 eval() 没有自己的作用域

  <script type="text/javascript">
      var str = 'ABC'
      eval('var str = "QWE";console.log(str)')
      console.log(str)
  </script>
  

  执行结果：

  QWE
  QWE
  

  现象： 在 eval() 中执行的 js 代码，会修改全局变量 str 的值（不安全，别人可以执行非法操作）。

• 严格模式下

  <script type="text/javascript">
      'use strict'
      var str = 'ABC'
      eval('var str = "QWE";console.log(str)')
      console.log(str)
  </script>
  

  执行结果：

  QWE
  ABC
  

  现象：严格模式下，会创建 evel() 作用域内部的东西是私有的，就像函数作用域，不会污染全局变量。