ES6 中的 “严格模式”：问题和解决方法-JavaScript中文网-JavaScript教程资源分享门户

在 ES6 中，JavaScript 引入了一种新的模式——“严格模式”（Strict Mode）。它是一种更加严格的 JavaScript 语法，在代码执行时会对一些常见的错误进行提示或者直接报错。本文将会详细介绍“严格模式”在前端开发中的问题以及解决方法，并给出相应的示例代码。

什么是“严格模式”？

“严格模式”（Strict Mode）是 ECMAScript 5 引入的一种新的运行模式，它的主要目的是为了让 JavaScript 更加严谨，减少一些隐式的错误，提高代码的安全性和可读性。在“严格模式”下，一些不安全的行为将被禁止，一些静默错误将被抛出异常，从而让我们更容易发现和解决问题。

“严格模式”带来的问题

虽然“严格模式”可以提高代码的质量，但是在实际开发中，我们也会遇到一些问题。下面是一些常见的问题及其解决方法。

1. 变量必须先声明再使用

在“严格模式”下，我们必须先声明变量再使用，否则会抛出 ReferenceError 异常。例如：

'use strict';
x = 1; // ReferenceError: x is not defined

解决方法是在使用前先声明变量：

'use strict';
var x = 1;

2. 禁止使用 with 语句

在“严格模式”下，with 语句被禁止使用，否则会抛出 SyntaxError 异常。例如：

'use strict';
with ({x: 1}) {
  console.log(x); // SyntaxError: Strict mode code may not include a with statement
}

解决方法是使用对象属性访问符号来代替 with 语句：

'use strict';
var obj = {x: 1};
console.log(obj.x);

3. 函数必须声明在顶层或者函数内部

在“严格模式”下，函数必须声明在顶层或者函数内部，否则会抛出 SyntaxError 异常。例如：

'use strict';
if (true) {
  function foo() {} // SyntaxError: In strict mode code, functions can only be declared at top level or inside a block
}

解决方法是将函数声明移到顶层或者函数内部：

'use strict';
function foo() {}
if (true) {
  function bar() {}
}

4. 禁止删除不可删除的属性

在“严格模式”下，我们不能删除不可删除的属性，否则会抛出 TypeError 异常。例如：

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

解决方法是先判断属性是否可删除：

'use strict';
var obj = {};
if (obj.hasOwnProperty('prop')) {
  delete obj.prop;
}

5. eval 和 arguments 不能作为变量名

在“严格模式”下，eval 和 arguments 不能作为变量名，否则会抛出 SyntaxError 异常。例如：

'use strict';
var eval = 1; // SyntaxError: Unexpected eval or arguments in strict mode

解决方法是使用其他变量名：

'use strict';
var x = 1;

总结

“严格模式”可以帮助我们写出更加严谨、安全、可读的代码，但是在使用时也需要注意一些问题。我们需要了解“严格模式”下的限制和禁止，避免在开发中出现一些低级错误。同时，我们也可以在“严格模式”下，发现一些平时难以发现的问题，从而提高我们的代码质量。

示例代码：

// javascriptcn.com 代码示例
'use strict';

// 变量必须先声明再使用
var x = 1;
console.log(x);

// 禁止使用 with 语句
var obj = {x: 1};
console.log(obj.x);

// 函数必须声明在顶层或者函数内部
function foo() {}
if (true) {
  function bar() {}
}

// 禁止删除不可删除的属性
var obj = {};
if (obj.hasOwnProperty('prop')) {
  delete obj.prop;
}

// eval 和 arguments 不能作为变量名
var x = 1;

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/656ec740d2f5e1655d70a975