位置: 编程技术 - 正文
详解js异步文件加载器(js异步解决方案)
编辑：rootadmin推荐整理分享详解js异步文件加载器(js异步解决方案)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js异步方法有哪些,js 异步,异步加载js文件,js异步解决方案,详解js异步文件是什么,js 异步,详解js异步文件是什么,详解js异步文件怎么写,内容如对您有帮助，希望把文章链接给更多的朋友！
我们经常会遇到这种场景，某些页面依赖第三方的插件，而这些插件比较大，不适合打包到页面的主js里（假设我们使用的是cmd的方式，js会打包成一个文件），那么这个时候我们通常会异步获取这些插件文件，并在下载完成后完成初始化的逻辑。
以图片上传为例，我们可能会用到plupload.js这个插件，那么我们会这么写：
但是我们的页面通常由多个独立的模块（组件）构成，如果页面上的A、B两个模块都依赖于plupload.js, 那是不是在两个地方都要把上面的代码写一遍。如果这么干，在plupload.js被下载下来之前，可能会发起两个请求，由于是并行下载，js文件可能会被重复下载，而不是第一次下载下来，第二次取缓存的内容。
下图是页面多个组件依赖vue.js的情况（jquery和vue混用的场景）：
所以，在实际使用中需要加锁，即当脚本正在加载时，不应该再重复请求脚本，等待加载完成后，依次执行后面的逻辑，有promise这个好工具，实现起来很简单。
然后在依赖vue.js地方：
再看看请求：
好了，到这里似乎解决问题了，但是假如我的页面上存在多个插件依赖，比如既依赖plupload.js又依赖vue.js，难道我要把上面的代码再写一遍（怎么感觉好像说过这话）？这样不就冗余了么？所以我们需要一个异步加载器的生成器，能够帮助我们生成多个异步加载器。
然后我们可以生成异步加载器并赋给window
使用的时候同上，这样就基本解决了我们的问题。
标签: js异步解决方案
本文链接地址:https://www.jiuchutong.com/biancheng/288209.html 转载请保留说明！
