Javascript 变量在不同文件中冲突

Question

我在两个不同的 javascript 文件中使用 const 关键字声明了两个具有相同名称的变量。 但是，当我将两个文件一起导入到 web 页面时，我仍然收到错误消息。

我知道 var 声明了全局 scope 变量，这些变量会发生冲突，但我听说过 const 并且不要那样做。

我该如何解决。

Answer 1

如果您只是在寻找一个简单的解决方案，那么文件中的代码块将起作用，或者作为自执行 function 或只是一个普通块：

// On both files
(function(){
    const x = 123;
})();

// or just a code block
{
    const x = 456;
}

但是，这通常可以通过使用像 webpack 之类的预处理工具来解决（并将代码组织到模块中以保持独立），或者至少具有不同的类和函数。