如何总结JavaScript异步操作的几种常见处理方法实例？

本文共计1739个文字，预计阅读时间需要7分钟。

本文简要介绍了JavaScript异步操作的一些常见处理方法。分享给广大读者，仅供参考。

+ 引用 + JavaScript的异步操作，早已是老生常谈的话题，关于这个话题的文章，在Google上一搜一大把。

本文实例讲述了JavaScript异步操作的几种常见处理方法。分享给大家供大家参考，具体如下：

引言

js的异步操作，已经是一个老生常谈的话题，关于这个话题的文章随便google一下都可以看到一大堆。那么为什么我还要写这篇东西呢？在最近的工作中，为了编写一套相对比较复杂的插件，需要处理各种各样的异步操作。但是为了体积和兼容性，不打算引入任何的pollyfill，甚至连babel也不允许使用，这也意味着只能以es5的方式去处理。使用回调的方式对于解耦非常不利，于是找了别的方法去处理这个问题。问题是处理完了，却也引发了自己的一些思考：处理js的异步操作，都有一些什么方法呢？

一、回调函数

传说中的“callback hell”就是来自回调函数。而回调函数也是最基础最常用的处理js异步操作的办法。我们来看一个简单的例子：

首先定义三个函数：

function fn1 () { console.log('Function 1') } function fn2 () { setTimeout(() => { console.log('Function 2') }, 500) } function fn3 () { console.log('Function 3') }

其中fn2可以视作一个延迟了500毫秒执行的异步函数。