怎么構(gòu)造JavaScript Promise

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

　　Promise 是一個 ECMAScript 6 提供的類，目的是更加優(yōu)雅地書寫復雜的異步任務(wù)。

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

　　構(gòu)造 Promise

　　現(xiàn)在我們新建一個 Promise 對象：

　　new Promise(function (resolve, reject) {

　　// 要做的事情...

　　});

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

　　實例

　　setTimeout(function () {

　　console.log("First");

　　setTimeout(function () {

　　console.log("Second");

　　setTimeout(function () {

　　console.log("Third");

　　}, 3000);

　　}, 4000);

　　}, 1000);

　　這段程序?qū)崿F(xiàn)了這個功能，但是它是用 "函數(shù)瀑布" 來實現(xiàn)的?？上攵?，在一個復雜的程序當中，用 "函數(shù)瀑布" 實現(xiàn)的程序無論是維護還是異常處理都是一件特別繁瑣的事情，而且會讓縮進格式變得非常冗贅。

　　現(xiàn)在我們用 Promise 來實現(xiàn)同樣的功能：

　　實例

　　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 將嵌套格式的代碼變成了順序格式的代碼。

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