5种JavaScript脚本加载的方式

前端之家收集整理的这篇文章主要介绍了5种JavaScript脚本加载的方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

javaScript文件(下面简称脚本文件)需要被HTML文件引用才能在浏览器中运行。在HTML文件中可以通过不同的方式来引用脚本文件,我们需要关注的是,这些方式的具体实现和这些方式可能会带来的性能问题。

当浏览器遇到(内嵌)

方式二:

经典的做法

既然

上述代码动态创建了一个外链file1的

上述代码改进的地方就是增加了一个回调函数,该函数会在相应脚本文件加载完成后被调用。这样便可以实现顺序加载了,写法如下(假设file2依赖file1,file1和file3相互独立):

file2会在file1加载完后才开始加载,保证了在file2执行前file1已经准备妥当。而file1和file3是并行下载的,互不影响。 虽然loadScript函数已经足够好,但还是有些不尽人意的地方——通过分析这段代码,我们知道,loadScript函数中的顺序加载是以脚本的阻塞加载来实现的(正如上述红字部分指出的那样)。而我们真正想实现的是——脚本同步下载并按相应顺序执行,即并行加载并顺序执行。

方式四:

LABjs

LABjs库能帮我们真正地实现“并行加载与顺序执行”,推荐写法如下:

猜你在找的JavaScript相关文章