文章详情页
javascript - 异步模块的理解
浏览：133日期：2023-03-19 10:05:47
问题描述
对于同步模块，模块必须提前加载进内存中。对于异步模块，比如说他的实现requirejs，依赖前置，且提前执行，这不也是提前加载进内存了吗，那为什么说是异步的？看了很多AMD和CMD的知识，就是不太明白同步模块加载和异步模块加载的区别。
问题解答
回答1：这个机制和【内存】关系并不大，更多可以理解为【脚本的下载时机】。
前端的特殊性在于，脚本文件的体积和下载时间，会直接影响页面性能。同步加载的规范中，所有依赖必须下载好后，脚本才能执行。
而异步加载的规范中，只有代码运行到需要的位置时，才会加载所需要的脚本。例如一个巨大的单页应用，首页部分的脚本可以特别轻，而进入某个功能页时，再异步加载需要的模块，这样对性能有很大的帮助。
回答2：requirejs的异步加载本质上是在<head>里append需要异步加载的<script>，这些<script>元素都有async属性来实现非阻塞异步加载。然后通过onload监听各个脚本加载完成状态，来实现多个存在依赖关系的脚本先后加载次序。可以自己用async和onload实现简单的异步加载功能，但要实现requirejs这样的功能，还是要花不少心思的。
标签：
JavaScript
相关文章：
1. javascript - webpack 多入口文件生成HTML文件；2. nignx - docker内nginx 80端口被占用3. dockerfile - [docker build image失败- npm install]4. docker gitlab 如何git clone？5. docker安装后出现Cannot connect to the Docker daemon.6. 计算机 - 我学习了C语言，数据结构和一点点java基础，想自学C++，请问买什么入门书籍好？7. java中关于直接插入排序遇到的问题。8. node.js - mongoDB使用$gte的问题9. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？10. javascript - npm run build后调用api返回index.html
排行榜
网公网安备