Question

我想将一个由另一个JavaScript文件（imageArray[]）填充的Array（imageUploadDisplay.js）导入另一个JavaScript文件函数（postInfoAndImages.js）。下面是我尝试使用的imageUploadDisplay.js函数。

//In my imageUploadDisplay.js

var imageList = [];

function myImageList() {

    return imageList;
}

正如其他人所解释的，我使用以下jQuery将imageUploadDisplay.js导入到JavaScript postInfoAndImages.js

//In my postInfoAndImages.js
var imageList = [];

$.getScript('imageUploadDisplay.js', function () {
            // script is now loaded and executed.
            alert("Script loaded but not necessarily executed.");
            imageList = myImageList(); //picture array
            console(imageList);

        });

非常感谢

Answer 1

对于Firefox，Chrome，Safari和Opera等现代浏览器，只需使用ES6模块。

在您的imageUploadDisplay.js中创建一个名为export的

// imageUploadDisplay.js
var imageList = [];

export function myImageList() {
  return imageList;
}

然后只需导入函数：

// then in postInfoAndImages.js
import { myImageList } from './path/to/imageList.js';

var imageList = myImageList();

在HTML中，您不再需要包含imageUploadDisplay.js（这是在运行时通过导入完成的）。

相反，请在导入脚本中添加type="module"：

<script type="module" src="./path/to/postInfoAndImages.js"></script>

Answer 2

您需要使用关键字module.exports = yourObject导出对象。在另一个文件中，您只需使用const file1 = require('../file1Path.js';

进行声明

Answer 3

您需要使用exports and imports。

//let links = ["60-1", "6-2", "16-32"];
//let sentences = ["don't you worry", "I gonna make sure that", "tommorow is  another great day"];

然后将其导入另一个文件

//imageUploadDisplay.js

let myImageList = () => {
return imageList;
}

export default imageList

Answer 4

使用该功能，您甚至不需要在第一个js中包含第二个js。如果在第一个js文件中调用了第一个js文件，则只需引用该函数即可。

<script type="text/javascript" src="imageUploadDisplay.js"/>
<script type="text/javascript" src="postInfoAndImages.js"/>

在postInfoAndImages.js中，只需调用有问题的函数

var imageList[];
imageList = myImageList();

Javascript如何从另一个Javascript文件导入变量

4 个答案: