鍍金池/ 問(wèn)答/HTML/ promise then回調(diào)生成promise和回調(diào)手動(dòng)返回promise有什么

promise then回調(diào)生成promise和回調(diào)手動(dòng)返回promise有什么區(qū)別?

clipboard.png

clipboard.png

  • 這幅圖如果我在then回調(diào)手動(dòng)返回promise對(duì)象,那么下面的then就不自動(dòng)生成一個(gè)新的promise對(duì)象么?

clipboard.png

  • 這個(gè)該怎么理解

3個(gè)promise對(duì)象,第一個(gè)是getJson產(chǎn)生的我理解,后面兩個(gè)由then產(chǎn)生就不理解了,有大佬講講?

回答
編輯回答
涼薄

這個(gè)沒(méi)有任何區(qū)別啊

const p1=new Promise(function(resolve,reject){
    setTimeout(()=>reject(new Error('fail')),3000);
});
const p2=new Promise(function(resolve,reject){
    //setTimeout(()=>resolve(p1),1000);
    resolve(p1);
});

p2.then(result=>console.log(result))
.catch(error=>console.log(error));

console.log("p2===p1 =>"+(p2===p1));

p2和p1是2個(gè)不同的promise

getJSON('/post/1.json').then(function(post){
    return getJSON(post.commentURL);
}).then(function(comments){
    //some code
}).catch(function(error){
    //
});

==>

var getJSONPromise0=getJSON('/post/1.json');

var getJSONPromise1=getJSONPromise0.then(function(post){
    return getJSON(post.commentURL);
});
var getJSONPromise2=getJSONPromise1.then(function(comments){
    //some code
});

var getJSONPromise3=getJSONPromise2.catch(function(error){
    //
    console.log(error);
});

一共是4個(gè)promise

=====補(bǔ)充回答====
我們看看Promise
new Promise( /* executor */ function(resolve, reject) { ... } );
這個(gè)是Prmoise的構(gòu)造函數(shù)

Promise.prototype.then(onFulfilled, onRejected)是then方法的原型定義。

Appends fulfillment and rejection handlers to the promise, and returns a new promise resolving to the return value of the called handler, or to its original settled value if the promise was not handled (i.e. if the relevant handler onFulfilled or onRejected is not a function).

then方法返回一個(gè)新的promise對(duì)象,并把onFulfilled和onRejected作為新的Promise對(duì)象的完成或拒絕結(jié)果回調(diào)函數(shù)。
如果沒(méi)有對(duì)應(yīng)的回調(diào)函數(shù),那么將對(duì)應(yīng)的值直接作為新的Promise的resolve值

你要問(wèn)的是onFulfilled函數(shù)有返回非promise,返回promise或不返回值之間的區(qū)別吧:
返回非promise,那么這個(gè)值通過(guò)Promise.resolve靜態(tài)方法轉(zhuǎn)成一個(gè)狀態(tài)確定的Promise返回
返回promise,那么這個(gè)新的promise將被返回作為作為后續(xù)then/catch方法的的實(shí)際調(diào)用Promise
不返回,也是返回一個(gè)一個(gè)狀態(tài)確定的Promise,最終的決議值為undefined

你可以簡(jiǎn)單的認(rèn)為返回Promise就會(huì)把then方法返回的Promise代替了

測(cè)試代碼

var tempP;
var p1=new Promise(function(resolve,reject){
    setTimeout(function(){
        resolve("p1");
    },1000);
});

var p2=p1.then(function(data){
    console.log("p2 GOT:"+data);
    //[A]
    /*
    tempP=new Promise(function(resolve,reject){
        setTimeout(function(){
            resolve("return_Promise");
        },1000);
    });
    */
    
    tempP="return_Normal"http://[B]
    //return tempP; //[C]
},function(error){
    console.log("error:"+error);
});

var p3=p2.then(function(data){
    console.log("p3 GOT:"+data);
});

[A]結(jié)果
//p2 GOT:p1
//p3 GOT:return_Promise

[B]結(jié)果
//p2 GOT:p1
//p3 GOT:return_Normal

[C]結(jié)果
//p2 GOT:p1
//p3 GOT:undefined
2017年1月18日 19:38