时间戳

首页 > 解决方案 > JavaScript：如何允许多个文件读取一个数组

javascript - JavaScript：如何允许多个文件读取一个数组

问题描述

我有 3 个数组，其元素在函数中定义。稍后，还有另一个文件需要能够读取这些文件。但我不知道如何让第二个文件看到它。

启动.js

var array1 = [];
var array2 = [];
var array3 = [];

function doThings() {...} // The function will add things to the arrays

main.js

// Do things with the arrays

我试过使用 require() 但我得到了Uncaught ReferenceError: require is not defined

我也尝试过使用 import() 但我得到了Uncaught SyntaxError: Cannot use import statement outside a module

当我尝试添加type='module'以使<script type='module 'src="main.js" ></script>我得到： from origin 'null' has been blocked by CORS policy

有人可以告诉我我做错了什么以及如何解决吗？提前致谢！

标签： javascript

解决方案

require 和 import 是通过捆绑程序设置的，因此如果您只是通过 html 文件中的脚本标签加载 js，请将每个 js 文件作为脚本以正确的后代顺序添加到您的 html 中。所以先加载 start.js，然后再加载 main。那么，如果你在一个类之外声明你的数组， main 应该可以访问它们。

<script src="./start.js"></script>
<script src="./main.js"></script>

我会将它们添加到头部，并确保“./”后面跟着 js 文件的实际文件路径。

推荐阅读