JavaScript之顶级await,不需要使用async声明即可使用await、import


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日,直到今天也未实现,期待尽快提案成功吧!

猜你喜欢

转载自blog.csdn.net/weixin_51157081/article/details/125089327
今日推荐