promiseの応答を後でチェーンで返す

Question

私は、最初のチェーンの応答を後でチェーン（4 & 6）の場所で使用する必要があると約束したチェーンを持っていますが、これを処理するためにいくつかのグローバル変数を使用します。正しい方法ではなく、これを約束で達成するためのより良い方法がありますか？

これは、問題のいくつかの実例である...

var step1 = (ms) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("This is step 1"); 
     resolve(20); 
    }, ms); 
    }) 
} 
var step2 = (ms) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("This is step 2"); 
     resolve(); 
    }, ms); 
    }) 
}; 
var step3 = (ms) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("This is step 3"); 
     resolve(); 
    }, ms); 
    }) 
}; 

var step4 = (ms) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("Step 4, run : " + ms); 
     resolve(); 
    }, ms); 
    }) 
}; 


var globalVar = null; 

//Promise chain 
step1(500) 
    .then((res) => { 
    //Here I keep the response in global variable to use later on 
    globalVar = res; 
    log(res); 
    return step2(300); 
    }).then(() => { 
    return step3(200); 
    }).then(() =>{ 
    //Here I need to use the res from the first promise 
    var lclvar = globalVar +200 ; 
    return step4(lclvar); 
    }).catch((err) => { 
    log(err); 
}); 

私はこれを見つけましたが、これは、この場合には役立っていない（少なくとも、それを処理することができませんでした）

How do I access previous promise results in a .then() chain?

Answer 1

step2、step3などの呼び出しを最初のハンドラ内にネストすると、resはすべて利用可能になります

step1(500).then((res) => { 
    log(res); 
    return step2(300) 
    .then(() => step3(200)) 
    .then(() => step4(res + 200)); 
}).catch((err) => { 
    log(err); 
}); 

Answer 2

実際にこの言葉を鎖にすることをやめたいのであれば。アイデアは道に沿って移動するバスパラメータです。最初の約束ではクロージャとして作成されています。

あなたはこのコードを実行することができます：あなたが見つけ

log=console.log 
var step1 = (ms) => { 
var Buss={p1:20}; 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("This is step 1"); 
     resolve(Buss); 
    }, ms); 
    }) 
} 
var step2 = (ms,bus) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("This is step 2"); 
     resolve(bus); 
    }, ms); 
    }) 
}; 
var step3 = (ms,bus) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("This is step 3"); 
     resolve(bus); 
    }, ms); 
    }) 
}; 

var step4 = (bus) => { 
    return new Promise((resolve, reject) => { 
    setTimeout(() => { 
     log("Step 4, run : " + bus.p1); 
     log("bus arrives:",bus); 
     resolve(bus); 
    }, bus.p1); 
    }) 
}; 




//Promise chain 
step1(500) 
    .then((res) => { 
    //Here I keep the response in global variable to use later on 
    //globalVar = res; 
    log(res); 
    return step2(300,res); 
    }).then((res) => { 
    return step3(200,res); 
    }).then((res) =>{ 
    //Here I need to use the res from the first promise 
    //var lclvar = globalVar +200 ; 
    res.p1+=200; 
    return step4(res); 
    }).catch((err) => { 
    log(err); 
});