怎么構造JavaScript Promise

這篇“怎么構造JavaScript Promise”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“怎么構造JavaScript Promise”文章吧。

　　Promise 是一個 ECMAScript 6 提供的類，目的是更加優雅地書寫復雜的異步任務。

　　由于 Promise 是 ES6 新增加的，所以一些舊的瀏覽器并不支持，蘋果的 Safari 10 和 Windows 的 Edge 14 版本以上瀏覽器才開始支持 ES6 特性。

　　構造 Promise

　　現在我們新建一個 Promise 對象：

　　new Promise(function (resolve, reject) {

　　// 要做的事情...

　　});

　　通過新建一個 Promise 對象好像并沒有看出它怎樣 "更加優雅地書寫復雜的異步任務"。我們之前遇到的異步任務都是一次異步，如果需要多次調用異步函數呢？例如，如果我想分三次輸出字符串，第一次間隔 1 秒，第二次間隔 4 秒，第三次間隔 3 秒：

　　實例

　　setTimeout(function () {

　　console.log("First");

　　setTimeout(function () {

　　console.log("Second");

　　setTimeout(function () {

　　console.log("Third");

　　}, 3000);

　　}, 4000);

　　}, 1000);

　　這段程序實現了這個功能，但是它是用 "函數瀑布" 來實現的。可想而知，在一個復雜的程序當中，用 "函數瀑布" 實現的程序無論是維護還是異常處理都是一件特別繁瑣的事情，而且會讓縮進格式變得非常冗贅。

　　現在我們用 Promise 來實現同樣的功能：

　　實例

　　new Promise(function (resolve, reject) {

　　setTimeout(function () {

　　console.log("First");

　　resolve();

　　}, 1000);

　　}).then(function () {

　　return new Promise(function (resolve, reject) {

　　setTimeout(function () {

　　console.log("Second");

　　resolve();

　　}, 4000);

　　});

　　}).then(function () {

　　setTimeout(function () {

　　console.log("Third");

　　}, 3000);

　　});

　　這段代碼較長，所以還不需要完全理解它，我想引起注意的是 Promise 將嵌套格式的代碼變成了順序格式的代碼。

以上就是關于“怎么構造JavaScript Promise”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。