JS - 将数组从一个文件导出到另一个文件

Question

所以，我在 .js 文件中有以下数组：

//file name: myVar.js
    var myVar= [
    {id:1, items:
    [
        {
            "Name": "John",
            "Surname": "Doe",
            "Country": "Portugal"
        }
    ]},
   {id:2, items:
    [
        {
            "Name": "Mary",
            "Surname": "Jane",
            "Country": "France"
        }
     ]
  }
]

我想要做的是，在另一个 .js 文件中调用它，例如：

//file name: expVar.js
var expVar = //var exported

我已经尝试了一些我通过互联网发现的东西，但似乎都没有奏效。 先谢谢您的帮助。

Answer 1

只需使用 export 关键字

export var expVar

并在其他文件中导入 expVar

Answer 2

许多现代浏览器都支持JavaScript 模块，您可以使用它从一个文件中export数组并将其import到另一个文件中。

它看起来像这样：

// myVar.js
export var myVar = [/* your content */];

在你的第二个文件中：

// expVar.js
import { myVar } from './myVar.js'

// Now you can use `myVar` here directly!
console.log(myVar);

PS：很多时候，你会有某种打包器（例如Webpack或Parcel ）为你组装不同的 JavaScript 文件。 它们可能支持不同类型的模块（例如require ），但 JavaScript 模块是最常见的模块之一。