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

異步

所謂"異步"，簡單說就是一個任務不是連續完成的，可以理解成該任務被人為分成兩段，先執行第一段，然后轉而執行其他任務，等做好了準備，再回過頭執行第二段。

比如，有一個任務是讀取文件進行處理，任務的第一段是向操作系統發出請求，要求讀取文件。然后，程序執行其他任務，等到操作系統返回文件，再接著執行任務的第二段（處理文件）。這種不連續的執行，就叫做異步。

相應地，連續的執行就叫做同步。由于是連續執行，不能插入其他任務，所以操作系統從硬盤讀取文件的這段時間，程序只能干等著。

?

回調函數

JavaScript 語言對異步編程的實現，就是回調函數。所謂回調函數，就是把任務的第二段單獨寫在一個函數里面，等到重新執行這個任務的時候，就直接調用這個函數。回調函數的英語名字callback，直譯過來就是"重新調用"。

?

Promise

回調函數本身并沒有問題，它的問題出現在多個回調函數嵌套。代碼不是縱向發展，而是橫向發展，很快就會亂成一團，無法管理。因為多個異步操作形成了強耦合，只要有一個操作需要修改，它的上層回調函數和下層回調函數，可能都要跟著修改。這種情況就稱為"回調函數地獄"（callback hell）。

Promise 對象就是為了解決這個問題而提出的。它不是新的語法功能，而是一種新的寫法，允許將回調函數的嵌套，改成鏈式調用。采用 Promise，連續讀取多個文件，寫法如下。

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方法加載回調函數，catch方法捕捉執行過程中拋出的錯誤。

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

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

?

Generator 函數

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

轉載于:https://www.cnblogs.com/norcoA3/p/9211551.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。