JavaScript异步加载：常用的方案有哪些？

4 min read

JavaScript的异步加载方案有以下几种：

  1. 回调函数：回调函数是JavaScript中广泛使用的异步加载机制。在异步加载的过程中，当加载完成时，可以调用一个回调函数，执行需要的操作。

  2. Promise：Promise 是ES6 引入的新特性，它是一个异步操作，有三种状态：pending、fulfilled、rejected。在异步加载完成时，Promise会根据加载结果，执行相应的操作。

  3. async/await：异步加载发展到ES7，我们可以使用async/await API实现异步加载。async定义的函数内部有异步操作，await用于等待异步操作完成，然后返回结果。

  4. 事件监听：通过添加事件监听器为异步加载完成添加回调函数。例如，可以为window.onload事件添加一个回调函数，在页面加载完成后执行相应的操作。

  5. Batch逐个加载：逐个加载意味着，将一系列资源（如 JavaScript、CSS 或图片）分批进行加载，当当前批次加载完成后，再开始加载下一批次，直到更新完成。

  6. 动态创建 script 标签，然后赋值 src。在需要加载某个文件的时候，可以创建一个script标签并设置src属性，浏览器会自动加载并解析脚本代码。

  7. XMLHttpRequest（XHR）：也称为Ajax，通过异步加载方式向服务器发送HTTP请求，服务器将数据返回，将其用于更新页面内容。

以上是常见的一些异步加载方案，具体应该根据实际情况选择最适合的方案。