Javascript 文件或模块范围仅变量

Question

如果我错了，请纠正我，函数require() 以某种方式将.js 文件导入到当前文档中，因此如果var name 都在两个模块中，那么第二个模块会覆盖第一个模块吗？
以及如何定义仅文件范围的变量

请注意，我想在 .js 文件中的任何函数之外定义我的变量，而不是在 global scope 中

解决方法是什么，使用关键字var 会影响变量范围吗，在javascript 中定义function 以外的范围，module 对象是否可以用于在一个中定义私有变量文件

module1.js

var name = 'i am module 1' 

foo = () => console.log(name)

module.exports = foo

module2.js

var name = 'i am module 2' 

foo = () => console.log(name)

module.exports = foo

ma​​in.js

const module1 = require('./module1')
const module2 = require('./module2')

module1() // "i am module 1" or "i am module 2"?
module2() // "i am module 2"

Answer 1

在 javascript 中，当您直接在“.html”文件中加载 .js 文件时，在函数外部声明的变量会在全局范围内注册。为了防止这种事情人们开始使用IIFE 函数并将单个文件包装在IIFE 中。但是在现代Javascript 中，您可以像我们在Nodejs 中使用的那样使用modules 和模块加载器来加载这些文件。现在现代浏览器支持ECMAScript modules，可以直接使用。

使用模块的主要好处是您不必使用IIFE 函数来阻止在全局范围内注册的变量。现在，该文件中声明的每个变量都是该文件私有的，除非您将其导出。

例如： 模块1.js

var name = 'my name';

function getName(){
    return name;
}

module.exports  = {
    getName
}

在上面的例子中，name 是这个文件私有的，只有你不能在另一个文件中使用它，除非你导出它。