在 JavaScript 中，如果你没有先声明一个变量再使用它，那么 JavaScript 将会自动设置这个变量，这可能会导致一些意外的行为并给我们带来困惑。在本文中，我们将深入探讨这个问题，并提供一些指导性的建议。
变量声明
在 JavaScript 中，我们通常需要先声明一个变量，然后才能使用它。例如：
let x = 10; console.log(x); // 输出 10
在这个例子中，我们使用 let 关键字来声明变量 x 并将其初始化为 10。我们可以在之后的代码中使用这个变量。
未声明变量
但是，如果我们没有声明一个变量，而是直接使用它，JavaScript 将会自动创建这个变量并将其设置为 undefined。例如：
y = 20; console.log(y); // 输出 20
在这个例子中，我们没有使用 let 或者其他关键字来声明变量 y，但是 JavaScript 运行时会自动创建这个变量并将其设置为 undefined。当我们尝试输出这个变量时，它的值为 20。
这种情况下，虽然代码运行正常，但是我们容易犯错并产生不必要的困难。例如，如果我们在使用这个变量之前误打成了另外一个变量名，那么程序就会继续运行但是输出不正确的结果。
严格模式
为了避免这种情况的发生，我们可以使用 JavaScript 的严格模式。在严格模式下，如果我们没有先声明一个变量再使用它，JavaScript 将会抛出一个错误：
'use strict'; z = 30; // 抛出 ReferenceError: z is not defined 的错误
在这个例子中，我们在 'use strict'; 声明之后尝试设置一个未声明的变量 z，JavaScript 将会抛出一个 ReferenceError 错误。
总结
在 JavaScript 中，如果我们没有先声明一个变量再使用它，JavaScript 将会自动创建这个变量并将其设置为 undefined。虽然这可能看起来很方便，但是容易引发一些意外的行为和困惑。因此，我们建议始终使用变量声明来避免这种情况的发生，并在代码中启用严格模式以获得更好的错误提示和调试信息。
示例代码：
let x = 10; console.log(x); // 输出 10 y = 20; console.log(y); // 输出 20 'use strict'; z = 30; // 抛出 ReferenceError: z is not defined 的错误
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10145
