您的位置:首页技术文章
文章详情页

javascript - 异步模块的理解

【字号: 日期:2023-03-19 10:05:47浏览:19作者:猪猪

问题描述

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

问题解答

回答1:

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

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

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

回答2:

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

标签: JavaScript
相关文章: