文章详情页
javascript - 异步模块的理解
浏览：88日期：2023-03-19 10:05:47
问题描述
对于同步模块，模块必须提前加载进内存中。对于异步模块，比如说他的实现requirejs，依赖前置，且提前执行，这不也是提前加载进内存了吗，那为什么说是异步的？看了很多AMD和CMD的知识，就是不太明白同步模块加载和异步模块加载的区别。
问题解答
回答1：这个机制和【内存】关系并不大，更多可以理解为【脚本的下载时机】。
前端的特殊性在于，脚本文件的体积和下载时间，会直接影响页面性能。同步加载的规范中，所有依赖必须下载好后，脚本才能执行。
而异步加载的规范中，只有代码运行到需要的位置时，才会加载所需要的脚本。例如一个巨大的单页应用，首页部分的脚本可以特别轻，而进入某个功能页时，再异步加载需要的模块，这样对性能有很大的帮助。
回答2：requirejs的异步加载本质上是在<head>里append需要异步加载的<script>，这些<script>元素都有async属性来实现非阻塞异步加载。然后通过onload监听各个脚本加载完成状态，来实现多个存在依赖关系的脚本先后加载次序。可以自己用async和onload实现简单的异步加载功能，但要实现requirejs这样的功能，还是要花不少心思的。
标签：
JavaScript
相关文章：
1. android clickablespan获取选中内容2. angular.js - angularjs的自定义过滤器如何给文字加颜色？3. 关于Java引用传递的一个困惑？4. 关于docker下的nginx压力测试5. docker安装后出现Cannot connect to the Docker daemon.6. javascript - 最终生成的jsBundle文件压缩问题7. python - TypeError: tryMsgcode() takes exactly 2 arguments (0 given)8. 如何分别在Windows下用Winform项模板+C#，在MacOSX下用Cocos Application项目模板+Objective-C实现一个制作游戏的空的黑窗口？9. javascript - canvas 裁剪空白区域10. nignx - docker内nginx 80端口被占用
排行榜
网公网安备