隐式创建

向未声明的 JavaScript 变量分配值：全局变量的隐式创建

在 JavaScript 中，向未声明的变量赋值会根据代码执行的上下文创建一个全局变量。如果在浏览器环境中运行，这个变量会成为全局对象 window 的一个属性。这种行为在非严格模式下（non-strict mode）是允许的，但在严格模式下（strict mode）会导致错误。

非严格模式下的隐式全局变量创建

在非严格模式下，如果变量尚未声明就被赋值，JavaScript 引擎会自动在全局作用域中创建这个变量。

隐式全局变量示例：

carname = "Volvo"; // 在非严格模式下隐式创建全局变量

console.log(carname); // 输出: Volvo
console.log(window.carname); // 输出: Volvo，证明了 carname 是全局变量

严格模式下的变量声明

在严格模式下，使用 'use strict'; 指令可以避免隐式创建全局变量。如果尝试向未声明的变量赋值，将会导致 ReferenceError。

严格模式示例：

"use strict"; // 启用严格模式

carname = "Volvo"; // 这将导致错误: ReferenceError: carname is not defined

全局变量的潜在问题

1. 命名冲突：隐式创建的全局变量可能与现有全局变量重名，导致意外覆盖。
2. 内存泄漏：全局变量的生命周期很长，如果不再需要却未被清除，可能会造成内存泄漏。
3. 代码可维护性：过度使用全局变量会降低代码的可维护性和可读性。

代码示例

以下示例展示了在不同上下文中向未声明的变量赋值的结果：

// 非严格模式：隐式全局变量创建
function nonStrictExample() {
   
    carname = "Saab"; // 隐式创建全局变量
    console.log(carname); // 输出: Saab
}

// 严格模式：禁止隐式全局变量创建
function strictExample() {
   
    "use strict";
    // carname = "Saab"; // 这将导致错误: ReferenceError: carname is not defined
}

nonStrictExample(); // 执行非严格模式示例
strictExample(); // 执行严格模式示例