ES5 严格模式详解

雨点打透心脏的1/2处 2021-12-05 14:47 254阅读 0赞

## 第一章 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() 作用域内部的东西是私有的，就像函数作用域，不会污染全局变量。