javascript写的异步加载js文件函数(支持数组传参)
自己用的加载js文件,支持多文件,不兼容ie
/**
* 加载js文件
* @param {string || array} url js路径
* @param {Function} fn 加载完成后回调
* @return {object} game对象
* @example
* getScript("url.js",fn)
* getScript(["url-1.js","url-2.js"],fn)
*/
game.getScript = (function() {
var cache = {};//内部缓存下url,下次则不请求
return function(url, fn) {
if ("string" === typeof(url)) {
url = [url]; //如果不是数组带个套
};
var i = 0,//循环起
ok = 0,//加载成功几个js
len = url.length,//一共几个js
head = document.getElementsByTagName("head")[0],
js, _url,
create = function(url) {//创建js
js = document.createElement("script");
js.type = "text/javascript";
js.src = url;
head.appendChild(js);
return js;
};
for (; i < len;) {
if (cache[encodeURIComponent((_url = url[i++]))]) {//如果加载过
(++ok >= len && fn) && fn();//如果加载完所有的js则执行回调
continue;
}
cache[encodeURIComponent(_url)] = !0;//设置缓存
js = create(_url);//创建js
fn && (js.onload = function() {
if (++ok >= len) {//如果加载完所有的js则执行回调
fn();
}
});
};
head = js = _url = create = null;
return this;
}
})();
-
将所有页面组件一次性加载是一个很浪费资源和考验用户耐心的做法，尤其在移动端。 使用方法 webpack 提供了code splitting，你可以按照下面写法实现当切换到特定路由时才加载代码。 需要注意的是 vue-loader@13.0.0 语法有所变更，具体参照发布说明 v13.0.0 // vue-loader@13.0.0 之前 const Foo = () => import('./Fo
-
本文向大家介绍异步安全加载javascript文件的方法，包括了异步安全加载javascript文件的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了异步安全加载javascript文件的方法。分享给大家供大家参考。具体如下： 使用方法： JavaScript实现代码： 希望本文所述对大家的javascript程序设计有所帮助。
-
问题内容： 我正在尝试编写一个超简单的解决方案以异步加载一堆JS文件。到目前为止，我下面有以下脚本。但是，当未实际加载脚本时，有时会调用回调，这会导致未找到变量错误。如果我刷新页面有时会起作用，因为我猜这些文件是直接从缓存中提取的，因此比调用回调要快，这很奇怪吗？ 无论如何，有没有方法可以测试JS文件是否已完全加载，而无需在实际的JS文件本身中放入任何东西，因为我想使用相同的模式从我的控件（GMa
-
我在一个函数中有这样的代码块： 它获取一些数据，然后对数据运行验证()。 但是，我对数据的验证实际上也是异步的，因为它是根据一个json模式来验证数据的，而json模式位于一个独立的json文件中，所以它必须首先读取该文件。 我使用了一个承诺来读取文件内容，然后进行验证： 如何编辑此问题中的顶部代码块以解释if语句()中的异步函数？
-
Dart 的库充满了返回 Future 或 Stream 对象的函数。这些函数是“异步的”：它们在设置一个可能比较耗时的操作（比如 I/O）后返回，而不去等待操作完成。 关键字 async 和 await 支持异步编程，可以使你用看起来像同步的方式编写异步代码。 处理 Futures 当你需要一个已完成的 Future 的结果时，你有两个选择： 使用 async 和 await。 使用 Futur
-
问题内容： 首先，这是一个非常特殊的情况，它以错误的方式故意将异步调用改型为一个非常同步的代码库，该代码库长成千上万行，并且当前时间不具备进行更改的能力。对的。” 它伤害了我的每一个生命，但是现实和理想往往并没有相互融合。我知道这很糟糕。 好的，顺便说一句，我该如何做，这样我可以： 示例（或缺少示例）全部使用库和/或编译器，这两种库均不适用于此解决方案。我需要一个如何使其冻结的具体示例（例如，在调