javascript - 异步模块的理解

问题描述

对于同步模块，模块必须提前加载进内存中。对于异步模块，比如说他的实现requirejs，依赖前置，且提前执行，这不也是提前加载进内存了吗，那为什么说是异步的？看了很多AMD和CMD的知识，就是不太明白同步模块加载和异步模块加载的区别。

问题解答

这个机制和【内存】关系并不大，更多可以理解为【脚本的下载时机】。

前端的特殊性在于，脚本文件的体积和下载时间，会直接影响页面性能。同步加载的规范中，所有依赖必须下载好后，脚本才能执行。

而异步加载的规范中，只有代码运行到需要的位置时，才会加载所需要的脚本。例如一个巨大的单页应用，首页部分的脚本可以特别轻，而进入某个功能页时，再异步加载需要的模块，这样对性能有很大的帮助。

requirejs的异步加载本质上是在<head>里append需要异步加载的<script>，这些<script>元素都有async属性来实现非阻塞异步加载。然后通过onload监听各个脚本加载完成状态，来实现多个存在依赖关系的脚本先后加载次序。可以自己用async和onload实现简单的异步加载功能，但要实现requirejs这样的功能，还是要花不少心思的。