在 JavaScript 中，变量的作用域分为本地（函数内部）和全局（整个脚本）。当函数中声明与全局变量相同名称的变量时，就会出现变量混淆问题。
问题描述
考虑以下示例代码：
-- -------------------- ---- ------- --- ---- - --------- -- ---- -------- ----------- - --- ---- - -------- -- ---- ------------------ - ------------ -- ---------- ------------------ -- -----------
在 printName 函数中，我们声明了一个名字与全局变量相同的本地变量。因为 JavaScript 在查找变量时会先从当前作用域查找，所以 console.log(name) 输出了 'local' 而不是 'global'。而在函数外部，我们可以访问到全局变量 name 的值。
但是，如果我们没有使用 var、let 或 const 关键字来声明变量，就会创造一个隐含的全局变量，这样就会导致意想不到的结果：
-- -------------------- ---- ------- --- ---- - --------- -------- ----------- - ---- - -------- -- ----------- ------------------ - ------------ -- ---------- ------------------ -- --------------------
在这个例子中，我们在函数内部创建了一个未声明的变量 name。由于没有使用 var、let 或 const 关键字来声明，JavaScript 将其视为全局变量。因此，在 printName 函数内部修改该变量的值将影响到全局范围内的值。
解决方案
为了避免变量混淆问题，我们应该始终使用 var、let 或 const 关键字来声明变量，并尽可能避免在全局作用域中声明变量。如果必须在全局作用域中声明变量，请使用对象字面量或命名空间模式来组织你的代码。
-- -------------------- ---- -------
-- ------------
--- ----- - -
----- ---------
---------- ---------- -
--- ---- - --------
------------------
-
--
------------------ -- ----------
------------------------ -- -----------在这个例子中，我们使用对象字面量来创建一个命名空间 myApp，并在其中定义了一个全局变量 name 和一个函数 printName。这样可以避免全局作用域中出现未声明的变量，并且使代码更易于维护。
结论
本地和全局变量混淆是 JavaScript 中常见的问题之一。为了避免这种问题，我们应该始终使用 var、let 或 const 关键字来声明变量，并尽可能避免在全局作用域中声明变量。如果必须在全局作用域中声明变量，请使用对象字面量或命名空间模式来组织你的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13029