那么如何处理 if-else in promise 呢？

Question

在某些情况下，当我从 promise 对象中获取返回值时，我需要根据值的条件启动两个不同的 then() 进程，例如：

promise().then(function(value){
    if(//true) {
        // do something
    } else {
        // do something 
    }
})

我在想也许我可以这样写：

promise().then(function(value){
    if(//true) {
        // call a new function which will return a new promise object
        ifTruePromise().then();
    } else {
        ifFalsePromise().then();
    }
})

但是有了这个，我有两个问题：

1. 我不确定在一个 Promise 中启动一个新的 Promise-then 流程是否是个好主意；

2. 如果我需要两个进程最后调用一个函数怎么办？这意味着它们具有相同的“终端”

我试图返回新的承诺以保留原始链，例如：

promise().then(function(value){
    if(//true) {
        // call a new function which will return a new promise object
        // and return it
        return ifTruePromise();
    } else {
        // do something, no new promise
        // hope to stop the then chain
    }
}).then(// I can handle the result of ifTruePromise here now);

但在这种情况下，无论是真还是假，下一个then都会起作用。

那么，处理它的最佳做法是什么？

Answer 1

只要您的函数返回一个承诺，您就可以使用您建议的第一种方法。

下面的小提琴展示了如何根据第一个解析的值采用不同的链接路径。

function myPromiseFunction() {
	//Change the resolved value to take a different path
    return Promise.resolve(true);
}

function conditionalChaining(value) {
    if (value) {
        //do something
        return doSomething().then(doSomethingMore).then(doEvenSomethingMore);
    } else {
        //do something else
        return doSomeOtherThing().then(doSomethingMore).then(doEvenSomethingMore);
    }
}

function doSomething() {
    console.log("Inside doSomething function");
    return Promise.resolve("This message comes from doSomeThing function");
}

function doSomeOtherThing() {
    console.log("Inside doSomeOtherthing function");
    return Promise.resolve("This message comes from doSomeOtherThing function");
}

function doSomethingMore(message) {
    console.log(message);
    return Promise.resolve("Leaving doSomethingMore");
}

function doEvenSomethingMore(message) {
    console.log("Inside doEvenSomethingMore function");
    return Promise.resolve();
}

myPromiseFunction().then(conditionalChaining).then(function () {
    console.log("All done!");
}).
catch (function (e) {

});

您也可以只创建一个条件链接，将返回承诺分配给一个变量，然后继续执行应该以任一方式运行的函数。

function conditionalChaining(value){
    if (value) {
        //do something
        return doSomething();
    } else{
        //do something else
        return doSomeOtherThing();
    }
}

var promise = myPromiseFunction().then(conditionalChaining);

promise.then(function(value){
    //keep executing functions that should be called either way
});

Answer 2

我为使用条件承诺编写了一个简单的包。

如果你想看看：

npm 页面： https://www.npmjs.com/package/promise-tree

和github： https://github.com/shizongli94/promise-tree

响应 cmets 询问软件包如何解决问题：

1，它有两个对象。

2、这个包中的Branch对象是一个临时存放的地方，用于存放你想在then()或catch()中使用的onFulfilled和onRejected等函数。它具有诸如 then() 和 catch() 之类的方法，它们采用与 Promise 中的对应物相同的参数。在 Branch.then() 或 Branch.catch() 中传入回调时，使用与 Promise.then() 和 Promise.catch() 相同的语法。然后什么都不做，只将回调存储在一个数组中。

3、Condition 是一个 JSON 对象，存储条件和其他信息以供检查和分支。

4，您在承诺回调中使用条件对象指定条件（布尔表达式）。然后 Condition 存储您传入的信息。在用户提供所有必要信息后，condition 对象使用一种方法构造全新的 Promise 对象，该对象采用先前存储在 Branch 对象中的 Promise 链和回调信息。这里有点棘手的部分是您（作为实施者，而不是用户）必须在链接存储的回调之前解析/拒绝您首先手动构建的 Promise。这是因为否则，新的承诺链将不会启动。

5，多亏了事件循环，Branch 对象可以在你拥有一个 Promise 对象之前或之后实例化，并且它们不会相互干扰。我在这里使用术语“分支”和“茎”，因为结构类似于树。

示例代码可以在 npm 和 github 页面上找到。

顺便说一下，这个实现还可以让你在一个分支中拥有分支。并且分支不必在您检查条件的同一个地方。

Answer 3

这就是我在 fetch() 中的做法我不确定这是否正确，但它有效

 fetch().then(res => res.ok ? res : false).then(res => {
    if (res) {
        //res ok
    } else {
       //res not ok
    }

});