javascript - 使用文件中的数据

Question

我在 myfruits.js 中有一个数组“fruits”，我无法访问它。它说“ReferenceError:水果未定义”。我做错了什么？

function showfruits(fruits){
    console.log(fruits[0]);
}

$("#search").click(function () {
    var js = document.createElement("script");
    js.type = "text/javascript";
    js.src = './myfruits.js';
    document.body.appendChild(js);
    showfruits(fruits);
});

Answer 1

当您调用showfruits(fruits);时，浏览器仍在从服务器加载资源。您必须在加载脚本后执行此函数，并设置 onload 事件。

类似这样的事情:

js.onload = function() {
   showfruits(fruits);
};

您可以在此处查看一些MDN 示例:HTMLScriptElement: Dynamically importing scripts .