为啥一起运行时 async-await 比 Promise 慢得多
Posted
技术标签:
【中文标题】为啥一起运行时 async-await 比 Promise 慢得多【英文标题】：why is async-await much slower than promises when running them together为什么一起运行时 async-await 比 Promise 慢得多 【发布时间】：2017-11-11 10:47:26 【问题描述】：我发现在某些情况下运行 async-await 会慢很多。
<html>
<script>
function makeAPromise()
return Promise.resolve(Math.random());
function usingPromises()
const before = window.performance.now();
return makeAPromise().then((num) =>
const after = window.performance.now();
console.log('Total (promises): ', after-before, 'ms');
return num;
)
async function usingAwait()
const before = window.performance.now();
const num = await makeAPromise();
const after = window.performance.now();
console.log('Total (await): ', after-before, 'ms');
return num;
function runBoth()
usingAwait();
usingPromises();
runBoth();
</script>
<button onclick="usingPromises()">usingPromises</button>
<button onclick="usingAwait()">usingAwait</button>
<button onclick="runBoth()">both</button>
</html>IMO，usingPromises 中的 console.log 应打印与usingAwait 中的结果相似的结果。
但实际上，我得到：
总计（承诺）：0.25 毫秒
总计（等待）：2.065 毫秒
此外，在页面加载后，如果我点击“usingPromises”或“usingAwait”按钮，我会得到每个类似的结果。 （单独跑都快）
总计（承诺）：0.060000000026775524 毫秒
总计（等待）：0.08999999999650754 毫秒
但如果我点击“both”按钮，“await”版本比 promises 版本慢约 3-4 倍。
我有一个真实的应用程序在初始化时运行了大量的 Promise / async-await 函数，我发现将一些 async-await 函数替换为它们的“相等”的 Promise 版本可以显着缩短加载时间（~200 毫秒）。
有人可以解释这是为什么吗？ async-await 不是也使用与承诺（微任务）相同的作业队列吗？对于何时应该使用 Promise 而不是 async-await 是否有最佳实践？
在 mac 上运行 chrome 62谢谢
【问题讨论】：
实际上，在 Mac 上运行 Chrome 也一样，async-await 在这里要快得多：Total (await): 0.07500000000004547 ms 和 Total (promises): 0.75 ms。可能是硬件相关的事情。 Async-Await 在内部使用 Promises。
注意：调用 runBoth 会产生扭曲的结果，因为承诺的解决方案在事件队列中是按顺序排列的：所以一个在另一个之前使用 console.log 打印，而 console.log 是给第二个带来额外的延迟。如果您将runBoth 定义为Promise.resolve().then(usingAwait).then(usingPromises)，这已经是一种改进。
【参考方案1】：
当您使用按钮 Both 运行时，您的第一个结果具有误导性。承诺解决方案在微任务事件队列中按顺序排列：因此一个可以在另一个之前使用console.log 打印，但正是console.log 给第二个带来了额外的延迟，因为它发生在第二个承诺的创建和对其分辨率的处理。
如果您将runBoth 定义为：
Promise.resolve().then(usingAwait).then(usingPromises)
现在两个 Promise 都将在微任务中创建，第一个 Promise 将在创建第二个 Promise 之前解决和处理。这将导致更公平的比较，其中console.log 没有在任何时间测量。
【讨论】：
以上是关于为啥一起运行时 async-await 比 Promise 慢得多的主要内容，如果未能解决你的问题，请参考以下文章