javascript - 场景在哪里异步/等待 promise ？

Question

<分区>

Answer 1

Gokul N K 发表了一篇很棒的文章，我非常同意:

https://hackernoon.com/should-i-use-promises-or-async-await-126ab5c98789

从我的 Angular 来看，我会说 async/await 在等待 promise 解析方面更好(异步函数返回 promises，顺便说一句)。

例如，当我调用操作数据(数据库或第 3 方 API)的异步函数时，我在节点环境中更频繁地使用 async/await。喜欢:

// server

async function removeComment(commentId) {
  const comment = await getComment(commentId);

  if (comment) {
    const commentAuthorUserId = await getUser(comment.userId);
    notifyUser(commentAuthorUserId);

    await removedCommentFromDB(comment);
    res.json({ status: 'ok' });
  }
}

上面的代码不是真实的，但显示了没有多个 then 嵌套的代码看起来多么酷。顺便说一句，当您在一个 async 函数中多次(超过两次)使用 await 时，请使用 try ... catch 进行错误处理。否则，您可以使用 .catch() 作为 @Bergi 提到的 await promise。

另一方面，我在浏览器中使用 Promises 来控制流程，但不操作数据。

例如:

// client

function onRemoveClick(commentId) {
  service.removeComment(commentId).then(() => {
    DOM.removeCommentElement(commentId);
  });
}

因为如果我使用 await 它会变成:

async function onRemoveClick(commentId) {
  const response = await service.removeComment(commentId);

  if (response.status === 'ok') {
    DOM.removeCommentElement(commentId);
  }
}

这是一个相当长的时间，而且它总是解析一个乍一看并不明显的 HTTP 响应。