本篇文章主要介绍了JavaScript文件的同步和异步加载的实现代码，具有一定的参考价值，有兴趣的可以了解一下 对于JS文件的引用，尽管当前有不少框架和工具（比如webpack，commonjs，requiresjs等）都做了很好的处理。但是抛开这些框架，了解原生的加载方式还是不无裨益。本文简述一些js文件的同步和异步加载方式。 同步加载 可在html文件里以标签插入，这是初学时最基本的方式。</p> <p>准备两个js文件如下：<br></p> <p>calc1.js</p> <p class="jb51code"><br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>console.log('calc1 loading begin') function add(...args) { return args.reduce((currentTotal, i) => currentTotal + i, 0); } console.log('calc1 loading end')</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>calc2.js</p><p class="jb51code"><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>console.log('calc2 loading begin') console.log(add(1,2,3)) console.log('calc2 loading end')</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>calc2.js 是依赖calc1.js的。</p><p>html文件如下：</p><p class="jb51code"><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><body> <script src="calc1.js">
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
