StrictMode，详解

StrictMode 是一种使 JavaScript 代码更加严格的模式，可以帮助开发人员发现一些潜在的问题、避免一些常见的错误并提高代码的性能。本文将深入探讨 StrictMode 的使用和影响。

## 开启 StrictMode

启用 StrictMode 非常简单，只需要在代码文件或函数第一行添加如下代码即可：

```

'use strict';

```

或者在 HTML 文件的 `

```

注意，如果同时在全局和局部函数中都使用了 `'use strict';`，局部函数的设置会覆盖全局设置。

## StrictMode 所做的事情

启用 StrictMode 后，JavaScript 引擎会进行一些额外的检查和限制，以帮助您编写更好的代码。

### 1. 禁止使用未声明的变量

在正常模式下，如果您使用未声明的变量，JavaScript 引擎会自动创建并将其设为全局变量。这会导致可能出现的意外行为和难以排查的问题。在 StrictMode 下，使用未声明的变量会直接抛出错误，让您及时发现问题。

例如：

```javascript

function foo() {

'use strict';

a = 10;

}

foo(); // ReferenceError: a is not defined

```

### 2. 禁止删除不可删除的属性

在 JavaScript 中，一些属性是不允许删除的，例如 Object.prototype 中的属性。在正常模式下，如果您尝试删除这些属性，不会抛出错误而是会默默失败。在 StrictMode 下，尝试删除不可删除的属性会直接抛出错误。

例如：

```javascript

'use strict';

delete Object.prototype; // TypeError: Cannot delete property 'prototype' of function Object()

```

### 3. 禁止重复的属性名称或参数名称

在正常模式下，如果您定义重复的属性名称或函数参数名称，JavaScript 引擎会忽略后面的定义，这可能会导致意外的行为。在 StrictMode 下，定义重复的属性名称或参数名称会直接抛出错误。

例如：

```javascript

'use strict';

var obj = {a: 1, a: 2}; // SyntaxError: Duplicate data property in object literal not allowed in strict mode

```

```javascript

'use strict';

function foo(a, b, a) { // SyntaxError: Duplicate parameter name not allowed in this context

console.log(a + b);

}

foo(1, 2, 3);

```

### 4. 禁止使用八进制字面量

在 JavaScript 中，可以使用类似于 `0123` 的八进制字面量来表示数字，但这可能会导致一些意外的行为。在 StrictMode 下，使用八进制字面量会直接抛出错误。

例如：

```javascript

'use strict';

console.log(0123); // SyntaxError: Octal literals are not allowed in strict mode.

```

### 5. 防止对只读属性赋值

在 JavaScript 中，一些属性是只读的，例如 Math.PI，试图对这些属性进行赋值会默默失败。在 StrictMode 下，对只读属性进行赋值会直接抛出错误。

例如：

```javascript

'use strict';

Math.PI = 3; // TypeError: Assignment to constant variable.

```

### 6. 禁止使用 eval 和 with

eval 和 with 语句可以动态地生成代码，但这也带来了可能的安全隐患和性能问题。在 StrictMode 下，使用 eval 和 with 语句会直接抛出错误。

例如：

```javascript

'use strict';

eval('var x = 10'); // SyntaxError: eval not allowed in strict mode

```

```javascript

'use strict';

var x = 10;

with (Math) { // SyntaxError: Strict mode code may not include a with statement

console.log(x + PI);

}

```

### 7. 禁止 this 关键字指向全局对象

在 JavaScript 中，如果在函数内部使用 this 关键字，它可能会指向全局对象而不是期望的对象。在 StrictMode 下，如果 this 关键字指向全局对象将会抛出错误。

例如：

```javascript

'use strict';

function foo() {

console.log(this);

}

foo(); // undefined

```

### 8. 禁止 arguments.caller 和 arguments.callee

arguments.caller 和 arguments.callee 可以用来获得当前函数的调用栈，但这也带来了一些安全隐患和性能问题。在 StrictMode 下，使用 arguments.caller 和 arguments.callee 会直接抛出错误。

例如：

```javascript

'use strict';

function foo() {

console.log(arguments.callee); // TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

}

foo();

```

### 9. 强制使用 try-catch

在 JavaScript 中，try-catch 可以用来捕获异常和处理错误，但这也有可能掩盖一些错误或减慢代码的执行速度。在 StrictMode 下，未捕获的异常会直接抛到全局作用域中，这可能会导致意外的行为。

对于所有支持的浏览器，使用 `catch (e)` 可以避免这种情况。

例如：

```javascript

'use strict';

try {

console.log(x);

} // ReferenceError: x is not defined

```

## 总结

启用 StrictMode 可以使 JavaScript 代码更加严格、更容易排查问题、更加安全、更具性能。在编写 JavaScript 代码时，建议启用 StrictMode 并注意遵循其规则。但需要注意的是，StrictMode 并不能解决所有问题，仍需要开发人员根据实际情况做出判断和处理。