假设你只是用<script>标签链接静态HTML文件，那么它们将共享它们的全局作用域。换句话说：是的，second.js将能够从first.js访问顶级变量，假设它们是按照这个顺序被喜欢的。目录对行为没有影响。

您应该在first.js文件中使用export函数，并在second.js中使用require来访问该变量。
例如，如果你在first.js中有一个名为first的var。

const first = {
name: 'dharmik',
age: '21'
}

像这样导出：
export { first };
然后像这样导入second.js：
import { first } from './first.js'
然后你可以在second.js中使用这个变量。
console.log(first.name); //dharmik

你会使用import/export语法。
在first.js中：

let newName = "New Name";
export { newName };

在second.js中：

import { newName } from "./../first.js";

从技术上讲，这是可能的，如果你要从“second.js”访问它。

<script src="../first.js">
//code here that uses the global variable from first.js
</script>

..允许通过向上1个目录遍历文件目录。