如何从Javascript中的另一个文件访问变量？

Question

比方说，我有两个文件位于单独的目录中：

/folder1/first.js

/folder1/folder2/second.js

first.js包含一个名为newName的变量。是否可以在second.js中访问它？ （以及如何）？

Answer 1

假设您只是使用<script>标签链接静态HTML文件，那么它们将共享其全局范围。换句话说：是的，second.js将能够从first.js访问顶级变量，前提是它们按该顺序被喜欢。目录与行为无关。

Answer 2

您将使用import / export语法。

在Input: 1, 2 ,3 ,4, 9, 12, 13, 14,5 output: 1-5, 9, 12-14 中：

first.js

在let newName = "New Name"; export { newName }; 中：

second.js

Answer 3

您应该在first.js文件中使用导出功能，并在second.js中使用require来访问该变量。

例如 如果您在第一个.js文件中将first命名为var。 const首先= { 名称：“ dharmik”， 年龄：'21' }

像这样导出

导出{first};。

然后像这样导入second.js 从'./first.js'导入{first}

然后您可以在second.js中使用该变量。

Console.log（first.name）; // dharmik

Answer 4

从技术上讲是可以的，如果您要从“ second.js”访问它

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

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