JS严格模式详解

￡神魔★判官ぃ 2023-10-10 20:23 25阅读 0赞

**目录**

1.什么是严格模式?

2.启动严格模式

3.严格模式中的变化

--------------------

### 1.什么是严格模式? ###

严格模式是在 ECMAScript5（ES5）中引入的，在严格模式下，JavaScript 对语法的要求会更加严格，一些在正常模式下能够运行的代码，在严格模式下将不能运行

### 2.启动严格模式 ###

要启用严格模式，您只需要在 JavaScript 脚本的开头添加`"use strict";`或`'use strict',示例代码如下:`

<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
      </head>
      <body>
        <script>
          'use strict';
          x = 'http://baidu.com/'; // 此处报错：Uncaught ReferenceError: x is not defined at index.html:11
          console.log(x);
        </script>
      </body>
    </html>

运行报如下错误

![945ce3c8e5594b92a9e5d6213bfdf05e.png][]

### 3.严格模式中的变化 ###

(1).不允许使用未声明的变量

代码报错信息如下:

![f12734793d5d4b6cb3b00ad90d04616d.png][]

(2).不允许删除变量或函数

'use strict';
          let obj = {
            name: 'zs',
            age: 19,
          };
          delete obj;
          function add(a, b) {
            return a + b;
          }
          delete add;

![4e5d85a8d9294dd699db62e3718118f0.png][]

(3).函数中不允许有同名的参数

'use strict';
          function add(a, a) {
            return a + a;
          }

![6bb7cbe94cee4a98bb07b8026732cc10.png][]

(4).eval语句的作用域是独立的

'use strict';
                eval('var x = 4;console.log(x)');
                console.log(x);

![b2c78a40813d4e25bbd893efce2bc054.png][]

(5).不允许使用 with 语句

'use strict';
                let radiusl = 5;
                let areal = Math.PI * radiusl * radiusl;
                let radius2 = 5;
                with (Math) {
                    let areal = PI * radius2 * radius2;
                }

![925e8d18ea234011b4d16456a08d90b2.png][]

(6).不允许写入只读属性

'use strict';
          var person = { name: 'zs', age: 18 };
          Object.defineProperty(person, 'gender', { value: 'female', writable: false });
          person.gender = 'male';

![6c695260ebce4c98bfda1e441e6c2c48.png][]

(7).不允许使用八进制数

'use strict';
                let x = 010;
                console.log(parseInt(x));

![fb9903cdccd34a8baaba6fe50adf4f6c.png][]

(8).不要在if语句中声明函数

'use strict';
                let x = 010;
                console.log(parseInt(x));

![9755d6a737fc466887b633a1135d82ca.png][]

(9).禁止使用 this 表示全局对象

在普通模式下，this 关键字表示全局对象 window，而在严格模式下，this关键字则表示 undefined。

'use strict';
                let name = 'http://baidu.com';
                function demoTest() {
                    console.log(this);
                }
                demoTest();

![3fda204c13df443c9741200786dede12.png][]

[945ce3c8e5594b92a9e5d6213bfdf05e.png]: https://img-blog.csdnimg.cn/945ce3c8e5594b92a9e5d6213bfdf05e.png
[f12734793d5d4b6cb3b00ad90d04616d.png]: https://img-blog.csdnimg.cn/f12734793d5d4b6cb3b00ad90d04616d.png
[4e5d85a8d9294dd699db62e3718118f0.png]: https://img-blog.csdnimg.cn/4e5d85a8d9294dd699db62e3718118f0.png
[6bb7cbe94cee4a98bb07b8026732cc10.png]: https://img-blog.csdnimg.cn/6bb7cbe94cee4a98bb07b8026732cc10.png
[b2c78a40813d4e25bbd893efce2bc054.png]: https://img-blog.csdnimg.cn/b2c78a40813d4e25bbd893efce2bc054.png
[925e8d18ea234011b4d16456a08d90b2.png]: https://img-blog.csdnimg.cn/925e8d18ea234011b4d16456a08d90b2.png
[6c695260ebce4c98bfda1e441e6c2c48.png]: https://img-blog.csdnimg.cn/6c695260ebce4c98bfda1e441e6c2c48.png
[fb9903cdccd34a8baaba6fe50adf4f6c.png]: https://img-blog.csdnimg.cn/fb9903cdccd34a8baaba6fe50adf4f6c.png
[9755d6a737fc466887b633a1135d82ca.png]: https://img-blog.csdnimg.cn/9755d6a737fc466887b633a1135d82ca.png
[3fda204c13df443c9741200786dede12.png]: https://img-blog.csdnimg.cn/3fda204c13df443c9741200786dede12.png