什么是 promise-props？
promise-props 是一个 npm 包，它提供了一个函数 props，用于将多个 Promise 包装在一个 Promise 中。
为什么需要 promise-props？
在前端开发中，我们经常需要在一个页面中调用多个接口获取数据。当接口数量较多时，往往需要使用 Promise 来组织这些异步请求。
用 Promise.all 可以实现在所有 Promise 都成功时一起返回，如果其中任何一个 Promise 失败了，则将所有 Promise 的结果都扔掉。但有时候我们希望即使有 Promise 失败，也要返回已经成功的 Promise 的结果。
这时候，promise-props 就很有用了。
如何使用 promise-props？
Promise.props 接受一个对象作为参数，对象中每个属性都是一个 Promise。接下来，我们会通过示例代码来演示 promise-props 如何使用。
首先，我们假设我们需要从一个服务器端拉取两个资源，并将它们合并在一起。
这里我们利用 GitHub API 读取 markdown 文件的内容以及博客的评论数。
-- -------------------- ---- ------- ----- ------- - -------------------- ----- ------- - -------------------------------------- ----- ---- - - ----- -------------------------------------------------------------------- --------- -------------------------------------------------------- -- ----- ------- - - --------- --------------------------------- ------------- --------- -- --------------- ----- ------------- ---------- ----------------------- -- --------------- --------- ------------- -------------- ----------------------- -- -------------- --------------- -- - ------------------------- ------------------ ---
在这个例子中，我们使用了 request 库将两个 Promise 封装在一个 Promise 中。如果有一个 Promise 失败了，promise.props 会将已经成功的 Promise 的结果放在 results 对象中，而不是抛出异常。
promise-props 还有许多其他的用法，可以通过查看其文档来获得更多信息。
结论
通过使用 Promise，我们可以有效地组织异步请求，并且 promise-props 可以使异步调用变得更加可靠和易于维护。建议在项目中使用 promise-props 将多个 Promise 包装在一个 Promise 中，以获取更好的代码可读性和维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac36b5cbfe1ea0610983