Javascript 不同文件中的变量冲突

Question

我在两个不同的 javascript 文件中使用 const 关键字声明了两个同名变量。但是当我将这两个文件一起导入网页时仍然出现错误。

我知道 var 声明的全局范围变量会发生冲突，但我听说 const 和 let 不会那样做。

我该如何解决这个问题。

Answer 1

如果您只是在寻找一个简单的解决方案，文件中的代码块可以作为自执行函数或只是一个普通块：

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

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

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

Javascript variables conflict in different files