本文摘抄自阮一峰老師的 http://es6.ruanyifeng.com/#docs/generator-async

異步

所謂"異步"，簡(jiǎn)單說就是一個(gè)任務(wù)不是連續(xù)完成的，可以理解成該任務(wù)被人為分成兩段，先執(zhí)行第一段，然后轉(zhuǎn)而執(zhí)行其他任務(wù)，等做好了準(zhǔn)備，再回過頭執(zhí)行第二段。

比如，有一個(gè)任務(wù)是讀取文件進(jìn)行處理，任務(wù)的第一段是向操作系統(tǒng)發(fā)出請(qǐng)求，要求讀取文件。然后，程序執(zhí)行其他任務(wù)，等到操作系統(tǒng)返回文件，再接著執(zhí)行任務(wù)的第二段（處理文件）。這種不連續(xù)的執(zhí)行，就叫做異步。

相應(yīng)地，連續(xù)的執(zhí)行就叫做同步。由于是連續(xù)執(zhí)行，不能插入其他任務(wù)，所以操作系統(tǒng)從硬盤讀取文件的這段時(shí)間，程序只能干等著。

?

回調(diào)函數(shù)

JavaScript 語言對(duì)異步編程的實(shí)現(xiàn)，就是回調(diào)函數(shù)。所謂回調(diào)函數(shù)，就是把任務(wù)的第二段單獨(dú)寫在一個(gè)函數(shù)里面，等到重新執(zhí)行這個(gè)任務(wù)的時(shí)候，就直接調(diào)用這個(gè)函數(shù)。回調(diào)函數(shù)的英語名字callback，直譯過來就是"重新調(diào)用"。

?

Promise

回調(diào)函數(shù)本身并沒有問題，它的問題出現(xiàn)在多個(gè)回調(diào)函數(shù)嵌套。代碼不是縱向發(fā)展，而是橫向發(fā)展，很快就會(huì)亂成一團(tuán)，無法管理。因?yàn)槎鄠€(gè)異步操作形成了強(qiáng)耦合，只要有一個(gè)操作需要修改，它的上層回調(diào)函數(shù)和下層回調(diào)函數(shù)，可能都要跟著修改。這種情況就稱為"回調(diào)函數(shù)地獄"（callback hell）。

Promise 對(duì)象就是為了解決這個(gè)問題而提出的。它不是新的語法功能，而是一種新的寫法，允許將回調(diào)函數(shù)的嵌套，改成鏈?zhǔn)秸{(diào)用。采用 Promise，連續(xù)讀取多個(gè)文件，寫法如下。

1 var readFile = require('fs-readfile-promise'); 2 3 readFile(fileA) 4 .then(function (data) { 5 console.log(data.toString()); 6 }) 7 .then(function () { 8 return readFile(fileB); 9 }) 10 .then(function (data) { 11 console.log(data.toString()); 12 }) 13 .catch(function (err) { 14 console.log(err); 15 });

Promise 提供then方法加載回調(diào)函數(shù)，catch方法捕捉執(zhí)行過程中拋出的錯(cuò)誤。

Promise 的最大問題是代碼冗余，原來的任務(wù)被 Promise 包裝了一下，不管什么操作，一眼看去都是一堆then，原來的語義變得很不清楚。

那么，有沒有更好的寫法呢？

?

Generator 函數(shù)

http://es6.ruanyifeng.com/#docs/generator-async

轉(zhuǎn)載于:https://www.cnblogs.com/norcoA3/p/9211551.html

總結(jié)

以上是生活随笔為你收集整理的es6解决回调地狱问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。