promise可以解決多個(gè)回調(diào)函數(shù)嵌套問題，將嵌套所表示的流程通過同步的代碼更加清晰的表達(dá)出來。

promise的用法與使用配置文件很類似：啟動(dòng)異步函數(shù)，在then里面配置好異步函數(shù)成功或執(zhí)行失敗的回調(diào)函數(shù)，然后就可以去干別的事了。

一個(gè)簡單示例的執(zhí)行過程

一個(gè)簡單的示例如下：

var promise = new Promise(function(resolve, reject) {// 異步操作的代碼.....if (true){resolve("已解決");} else {reject("出錯(cuò)了");}});promise.then(function(value){console.log(value);},function(error){console.log(error);});

上面的代碼的時(shí)序圖大體如下：

其中：

client – 主程序，Async – 異步函數(shù)，Promise，ResolvedInvoke – resolved狀態(tài)回調(diào)函數(shù)，RejectedInvoke – rejected狀態(tài)回調(diào)函數(shù)，resolve – resolve函數(shù)

幾個(gè)關(guān)鍵過程說明如下：

（1.4 ）調(diào)用異步函數(shù)Async之后，然后執(zhí)行（1.5）會(huì)立即返回一個(gè)promise對象，然后主函數(shù)和異步函數(shù)同時(shí)往下執(zhí)行。
（2.2） 指定promise的回調(diào)函數(shù),主程序的任務(wù)完成，退出
（1.6）異步函數(shù)退出，調(diào)用resolve()，然后執(zhí)行（1.7）改變promise的狀態(tài)
當(dāng)promise狀態(tài)改變之后，執(zhí)行（1.8）調(diào)用相應(yīng)的回調(diào)函數(shù)。

所以，promise的執(zhí)行過程大體如下：主程序創(chuàng)建promise并指定promise各種狀態(tài)下的回調(diào)函數(shù)，promise調(diào)用異步函數(shù)并保存異步函數(shù)的執(zhí)行狀態(tài)，當(dāng)異步函數(shù)退出時(shí)，可以調(diào)用resolve/reject改變promise的狀態(tài)，promise在狀態(tài)變化時(shí)調(diào)用相應(yīng)的回調(diào)函數(shù)。

promise對象

promise保存著異步函數(shù)的執(zhí)行狀態(tài)。

異步函數(shù)通過調(diào)用resolve/reject改變promise的狀態(tài)，主函數(shù)調(diào)用promise的then()方法指定promise在不同狀態(tài)下的回調(diào)函數(shù)。然后，主程序和異步程序可以各自往下執(zhí)行，當(dāng)promise狀態(tài)改變時(shí)，它會(huì)自動(dòng)調(diào)用相應(yīng)的回調(diào)函數(shù)。

也就是，主函數(shù)裝配promise，異步函數(shù)改變promise狀態(tài)，promise監(jiān)聽自身變化，調(diào)用相應(yīng)回調(diào)函數(shù)進(jìn)行處理。

then

then函數(shù)指定promise的回調(diào)函數(shù)，可以鏈?zhǔn)讲僮?#xff0c;可以返回值，其返回值如果不是一個(gè)Promise對象，則直接作為下一個(gè)then的參數(shù)，否則進(jìn)行返回的這個(gè)Promise的異步函數(shù)，根據(jù)執(zhí)行結(jié)果繼續(xù)調(diào)用下一個(gè)then。

所以，只有在then里返回Promise的情況下，才能看出promise的厲害和用處。

作用

主要是解決多個(gè)回調(diào)函數(shù)的嵌套問題。下面例子就是兩個(gè)原本需要嵌套的回調(diào)函數(shù)，使用同步的方式表達(dá)出來。

var promise = doSomething(false);promise.then(function(value){console.log(value);return doSomethingElse(true);},function(error){console.log(error);return doSomethingElse(false);}).then(function(){console.log("成功后接著處理");},function(){console.log("出錯(cuò)后接著處理");});function doSomething(param){//這里省略一些異步操作return new Promise(function(resolve, reject) {if (param){resolve("已解決");} else {reject("出錯(cuò)了");}});}function doSomethingElse(param){//這里省略一些異步操作return new Promise(function(resolve, reject) {if (param){resolve();} else {reject();}});}

總結(jié)

以上是生活随笔為你收集整理的promise简析的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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