javascript - promise 良好实践

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 6 年前。

Improve this question

快速提问。

对于复杂的 Promise 函数，这样组织代码是否更好:

一个独特的函数，每个函数旁边都有可能的最小函数

var a = () => {
    return new Promise((resolve, reject) => {
        return promise1().then((result1) => {
            return promise2(result1)
        }).then((result2) => {
            return promise3(result2)
        }).then((result3) => {
            return promise4(result3)
        }).then((result4) => {
            resolve(result4)
        }).catch((error) => {
            reject(error)
    })
}

或者像这样

将一些复杂性封装到其他函数中，以获得更简单的高级函数。

var b = () => {
    return new Promise((resolve, reject) => {
        return promise12().then((result12) => {
            return promise34(result12)
        }).then((result4) => {
            resolve(result4)
        }).catch((error) => {
            reject(error)
        })
    })
}

var promise12 = () => {
    return new Promise ((resolve, reject) => {
        return promise1().then((result1) => {
            return promise2(result1)
        }).then((result2) => {
            resolve(result2)
        }).catch((error) => {
            reject(error)
        })
    })
}

var promise34 = (result2) => {
    return new Promise ((resolve, reject) => {
        return promise3().then((result3) => {
            return promise4(result4)
        }).then((result) => {
            resolve(result4)
        }).catch((error) => {
            reject(error)
        })
    })
}

Answer 1

没有“最佳方式”来组织代码。您应该考虑将您的函数分成逻辑模块，以便它们的使用是“直观的”。

另外，你还没有提到generators (旁边带有 * 的函数)，这是一个新的 javascript ES6 功能。将来这些生成器函数很可能将成为处理异步代码的“事实上”的方式，因为它们经过精心设计来处理异步代码。它们也易于阅读和测试。您可以观看此(当前)free course作者:Max Stoiber，了解有关它们的更多信息。本类(class)专门设计用于展示如何使用生成器函数编写异步代码。