我有两个具有相同名称的变量的 javascript 文件，我该如何定义使用哪一个？
【问题讨论】：
标签： javascript variables var
在 Javascript 中，实际上不能有 2 个具有不同目标的变量，并且在同一个 scope 中具有相同的名称。
基本上，有两种类型的范围：global 和 local。全局范围是您在不同文件中创建 2 个具有相同名称的变量所面临的问题。
曾经，这是一个常见问题，开发人员同意尝试制作具有不同范围的文件，并仅在必要和不可避免的情况下使用全局范围。
因此，创建新范围（本地）的最常见方法是在函数中关闭代码。 javascript 中的函数创建了一个新的范围，该范围无法从全局访问，但您仍然可以从本地访问全局范围。
此外，还有 2 种方法可以让您的代码模块化（1 个文件 = 1 个模块）：使用 AMD 或 CommonJS 模块。
更多关于范围here。
【讨论】：
想象以下场景：
<html>...
<script src="file1.js">var x = "pizza";</script>
<script src="file2.js">var x = "cheese";</script>
<script src="file3.js">var x = "chocolate";</script>
您的共享变量将始终被它给出的最新值覆盖，在本例中为“巧克力”。
如果你想拆分它们，要么使用前缀，要么考虑更改名称，因为一旦它们被加载到主文件中，它们就在同一个命名空间中。
console.log(x); // chocolate will be printed since it is the last value it was (re)defined as.
</html>
如果你想让它工作，最简单的方法是更改变量的名称。
<script src="file1.js">var x = "pizza";</script>
<script src="file2.js">var y = "cheese";</script>
<script src="file3.js">var z = "chocolate";</script>
console.log(x); //pizza
console.log(y); //cheese
console.log(z); //chocolate
【讨论】：