在前端开发中，常常会遇到 syntaxerror 错误。这种错误通常是由于 JavaScript 代码不规范导致的。为了解决这类问题，并提升代码安全性和可读性，我们可以使用 "严格模式"。
什么是严格模式？
"严格模式"（Strict Mode）是 ECMAScript 5 引入的一项新特性，它提供了更加严格的语法规则来减少 JavaScript 的一些缺陷并增强安全性。在严格模式下，一些过去被容忍的写法将不再允许，并且在一些情况下，运行时错误也会变成语法错误。
在 JavaScript 文件开头添加如下代码即可开启严格模式：
"use strict";
严格模式的优点
- 更加严谨的语法规则，有助于减少常见的编码错误。
- 限制一些引起混淆或安全漏洞的语言特性。
- 提高代码运行速度，因为 JavaScript 引擎能够更好地对代码进行优化。
严格模式的语法规则
严格模式下采用的语法规则相对于普通模式下有所变化。以下是一些常见的变化：
- 变量必须先声明再使用。
// 普通模式下这种写法是允许的 x = 10; // 但在严格模式下将会抛出错误 "use strict"; x = 10; // Uncaught ReferenceError: x is not defined
- 函数调用时，要求
this必须绑定到一个对象。
// 在严格模式下，以下函数调用会报错
"use strict";
function myFunction() {
console.log(this);
}
myFunction(); // TypeError: Cannot read property 'console' of undefined- 禁止使用
with语句。
// 在严格模式下，以下代码将会抛出错误
"use strict";
var obj = { x: 1 };
with (obj) {
x = 2; // SyntaxError: Strict mode code may not include a with statement
}严格模式的陷阱：syntaxerror
虽然严格模式可以提升代码质量和安全性，但也有一些需要注意的陷阱。其中最常见的陷阱就是在开启严格模式后，之前被容忍的非标准语法可能会被视为语法错误。
例如，在普通模式下我们可以使用 arguments.callee 来获取当前正在执行的函数的引用。但在严格模式下，这种写法将会抛出 TypeError 错误。
// 在严格模式下，以下代码会报错
"use strict";
function myFunction() {
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
}
myFunction();因此，在项目中开启严格模式时，我们需要认真检查代码并确保所有非标准语法都被规范化了。
如何逐步迁移到严格模式
为了避免一些不必要的错误，我们可以逐步地将代码迁移到严格模式。
以下是一个示例，演示如何先在部分代码中开启严格模式：
// 普通模式下的代码
var x = 10;
function myFunction() {
y = 20; // 未声明变量，这种写法在严格模式下
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/8995) ，转载请注明来源
[https://www.javascriptcn.com/post/8995](https://www.javascriptcn.com/post/8995)