ES7中利用Await减少回调嵌套的方法详解-创新互联

前言

我们知道javascript是没办法阻塞的，所有的等待只能通过回调来完成，这就造成了回调嵌套的问题，导致代码乱到爆，这时候Await就有用处了。

对于await的底层机制这里就不详述了，以免将文章的篇幅拖的很长，需要的朋友们可以参考这篇文章：https://www.jb51.net/article/123257.htm，下面开始本文的正式内容。

利用Await减少回调嵌套

我们大家在开发的时候，有时候需要发很多请求，然后经常会面临嵌套回调的问题，即在一个回调里面又嵌了一个回调，导致代码层层缩进得很厉害。

如下代码所示：

ajax({
 url: "/list",
 type: "GET",
 success: function(data) {
 appendToDOM(data);
 ajax({
 url: "/update",
 type: "POST",
 success: function(data) {
 util.toast("Success!");
 })
 });
 }
});

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。