我已经很长时间没有使用 Javascript 了，所以现在 promises 对我来说是一个新概念。我有一些操作需要多个异步调用，但我想将其视为一个事务，其中如果前面的步骤失败，则步骤不会执行。目前，我通过嵌套链接 promise ，我想向调用者返回 promise 。

阅读 Mozilla 的 Using Promises 的链接部分后指导，我不确定我在做什么是正确的还是等同于“厄运的回调金字塔”。

有没有更简洁的方法来做到这一点(除了在每个 then 中链接一个 guard 检查)？我是否相信在 Mozilla 的示例中它会执行每个链接的 then，即使出现错误？

myfunction(key) => {
    return new Promise((outerResolve, outerReject) => {
        return new Promise((resolve, reject) => {
            let item = cache.get(key);
            if (item) {
                resolve(item);
            } else {
                //we didnt have the row cached, load it from store   
                chrome.storage.sync.get(key, function (result) {
                    chrome.runtime.lastError
                        ? reject({ error: chrome.runtime.lastError.message })
                        : resolve(result);
                });
            }
        }).then((resolve) => {
            //Now the inner most item is resolved, we are working in the 'outer' shell
            if (resolve.error) {
                outerReject(resolve);
            } else {
                //No error, continue
                new Promise((resolve, reject) => {
                    chrome.storage.sync.get(keyBasedOnPreviousData, function (result) {
                        chrome.runtime.lastError
                            ? reject({ error: chrome.runtime.lastError.message })
                            : resolve(result);
                    });
                }).then((resolve) => {
                    //finally return the result to the caller
                    if (resolve.error) {
                        outerReject(resolve);
                    } else {
                        outerResolve(resolve);
                    }
                });
            }
        });
    });
}

最佳答案

当抛出异常时，不会执行后续的 then 语句(直到 catch)。此外，.then 返回一个 Promise，因此您无需创建额外的外部 Promise。

试试这个例子:

var p = new Promise((resolve, reject) => {
    console.log('first promise, resolves');
    resolve();
})
.then(() => {
    throw new Error('Something failed');
})
.then(() => {
    console.log('then after the error');
    return('result');
});

p.then(res => console.log('success: ' + res), err => console.log('error: ' + err));

您不会在控制台中看到“then after the error”，因为那是在抛出异常之后发生的。但是如果你注释掉 throw 语句，你将在 Promise 中得到你期望的结果。

我不确定我是否完全理解你的例子，但我认为它可以像这样简化:

myfunction(key) => {
    return new Promise((resolve, reject) => {
        let item = cache.get(key);
        if (item) {
            resolve(item);
        } else {
            //we didnt have the row cached, load it from store   
            chrome.storage.sync.get(key, function (result) {
                chrome.runtime.lastError
                    ? throw new Error(chrome.runtime.lastError.message)
                    : resolve(result);
            });
        }
    }).then((previousData) => {
        // keyBasedOnPreviousData is calculated based on previousData
        chrome.storage.sync.get(keyBasedOnPreviousData, function (result) {
            chrome.runtime.lastError
                ? throw new Error(chrome.runtime.lastError.message)
                : return result;
        });
    });
}

关于javascript - 我是在正确地链接 Promise 还是犯了罪？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56150533/