细看javascript顶层await

为什么需要top-level await

原来的方式

await Promise.resolve(console.log('🎉')); //语法报错

//那只好这样解决了
(async function() {
  await Promise.resolve(console.log('🎉'));
  // → 🎉
}());

有了top-level await 支持以后

// 放在module最外部
await Promise.resolve(console.log('🎉')); //可以了,好开心

加载顺序

说起来比较复杂,其实效果和之前的如下写法差不多

(async function() {
  await Promise.resolve(console.log('🎉'));
  //本模块其它代码 ...
}());

并不会阻塞其它模块加载

参考

https://v8.dev/features/top-level-await


Total views.

© 2013 - 2024. All rights reserved.

Powered by Hydejack v6.6.1