JavaScript之顶级await，不需要使用async声明即可使用awaitimport

Posted 2022-06-04 web半晨

目录

• 1、需求
• 2、场景
• 3、不好的消息

---

1、需求

目前，我们使用await必须是在声明async的函数中，本提案主要是支持在没有async的情况下使用await。

---

2、场景

动态引入依赖

const strings = await import(`/i18n/$navigator.language`);

这允许模块使用运行时值来确定依赖关系。这对于开发/生产拆分、国际化、环境拆分等非常有用。

---

资源初始化

const connection = await dbConnector();

这允许模块表示资源，并在模块永远无法使用的情况下产生错误。

---

加载依赖

let jQuery;
try 
	jQuery = await import('https://cdn-a.com/jQuery');
 catch 
	jQuery = await import('https://cdn-b.com/jQuery');

---

3、不好的消息

这是只是2022年的提案，目前是2022年6月1日，直到今天也未实现，期待尽快提案成功吧！