随着前端技术的不断发展，JavaScript 已经成为了前端开发的重中之重。然而，在实际开发中，我们经常会犯一些低级的语法错误，这些错误往往会导致代码运行出现问题，甚至可能导致安全漏洞。因此，了解如何避免这些错误已经变得尤为重要。本文将介绍 ECMAScript 2019 的严格模式，以帮助开发者规避常见的语法错误。
ECMAScript 2019 严格模式
ECMAScript 2019 引入了一种严格模式，可以强制要求代码符合更严格的语法要求。通过在脚本的开头加上 'use strict'; 即可开启严格模式。当启用严格模式后，代码将使用新的固定规则，这些规则在非严格模式下可能是可选的。例如：
// javascriptcn.com 代码示例
'use strict';
// 禁止使用未声明的变量
foo = 'bar'; // 会导致 ReferenceError 错误
// 禁止给只读属性赋值
const obj = { name: 'Alice' };
Object.defineProperty(obj, 'name', { writable: false });
obj.name = 'Bob'; // 会导致 TypeError 错误
// 禁止在函数参数或 catch 语句中使用重复的变量名
function foo(a, a) {} // 会导致 SyntaxError 错误，并提示重复的参数名
try {
// code ...
} catch (error) {
let error; // 会导致 SyntaxError 错误，并提示重复的变量名
}在严格模式下，还有许多其他的规则，这些规则有助于使代码更加健壮、安全和易于维护。然而，需要注意的是，如果在一个函数中启用了严格模式，那么只有该函数及其内部的代码会受到影响。外部作用域中的代码不会受到影响。
// javascriptcn.com 代码示例
'use strict';
function foo() {
// 严格模式
}
function bar() {
'use strict';
// 严格模式
}
// 非严格模式避免常见语法错误
在实际开发中，由于疏忽或不了解语法，我们经常会犯以下一些常见的语法错误：
1. 变量申明未使用 var、let 或 const
在 JavaScript 中，我们可以使用 var、let 或 const 来声明变量。然而，如果我们在申明变量时忘记使用上述关键字，就会导致变量污染全局作用域。在开启严格模式后，未声明的变量将导致 ReferenceError 错误。例如：
// 没有使用 var，foo 变量会污染全局作用域
function bar() {
'use strict';
foo = 'bar'; // 会导致 ReferenceError 错误
}2. 变量名重复
在 JavaScript 中，允许使用相同的变量名来多次声明变量。然而，在严格模式下，函数参数和 catch 语句中使用重复的变量名将导致 SyntaxError 错误。
function foo(a, a) {} // 会导致 SyntaxError 错误，并提示重复的参数名
try {
// code ...
} catch (error) {
let error; // 会导致 SyntaxError 错误，并提示重复的变量名
}3. 对只读属性进行赋值
在 JavaScript 中，我们可以使用 const 来声明常量。常量值不允许被修改。然而，在非严格模式下，对常量进行赋值将被简单地忽略。因此，在开启严格模式后，任何对只读属性进行赋值的尝试都会在运行时导致 TypeError 错误。例如：
'use strict';
// 使用 const 声明对象
const obj = { name: 'Alice' };
// 禁止给只读属性赋值
obj.name = 'Bob'; // 会导致 TypeError 错误总结
通过开启 ECMAScript 2019 的严格模式，我们可以强制要求代码符合更严格的语法要求，避免常见的语法错误，并使代码更加健壮、安全和易于维护。同时，在实际开发中，遵循固定的代码规范，如使用 var、let 或 const 来声明变量，将变量名命名得有意义、具有可读性等，都可以帮助我们更好地避免代码错误。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652ba07a7d4982a6ebd6a544