Promise 和 async/await 之间的区别

Question

这两个功能有什么区别？

function src() {
 return new Promise((resolve, reject) => {
      setTimeout(() => resolve(console.log("done! 1 ")), 4000);
 });

}

async function src() {
     setTimeout(() => console.log("done! 1 "), 4000);
}

Answer 1

第二个将返回立即解析的 Promise。

第一个将返回一个 Promise，它会在 4 秒后解析。

Answer 2

在第一个中，一旦 function 被调用，则返回 promise 并在超时中设置已解析的 state。 因此，当 4 秒计时器结束（ofc 没有任何错误）时，已解析的 function 将触发并将文本记录到控制台。

第二个也将返回 promise 但没有一定用途。 在被调用时，它只会触发计时器在 4 秒后打印文本。 此处未使用 promise 功能。

Answer 3

Async/Await 只是 Promise 的语法糖。 Async/Await 隐式使用 Promises。 Async/Await 只是让使用 Promises 变得更容易。

话虽如此，您的第二个功能没有正确使用 Async/Await。 没有 await 语句，但无论如何也不可能直接将 await 语句与 setTimeout 一起使用。

因此，如果您仍想使用 Async/Await，则必须编写自己的超时 function，这类似于您的第一个 function。

function timeout(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function src() {
    await timeout(4000);
    console.log("done! 1 ");
}

Answer 4

每当您创建新的 Promise 时，您都会得到参数resolve & reject 。 每当您解决失败的成功案例时，您都会拒绝。 如果解决，它将 go 到then ＆如果拒绝，它将 go catch 。 Promise 更像现实世界的 promise（它可以完成 [已resolved ] 或损坏 [ reject ]）。

虽然 async & await 可以帮助您在 JS 中进行异步操作。 每当在async function 中遇到await时，它将等待该代码执行，然后将移至下一行。

请参阅此视频以更好地理解示例。