ES10的动态导入文件
生活随笔
收集整理的這篇文章主要介紹了
ES10的动态导入文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
(1) 傳統動態導入JS文件的方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>動態 import </title> </head> <body><button id="btn">點擊</button><script src="./js/app.js" type="module"></script> </body> </html>使用script進行引入，type設置成module即可；
(2)?ES10的動態導入文件
動態import()返回的是所請求模塊的Promise。因此，可以使用async/await 將導入的模塊分配給變量。
方式一：
const module = './mod.js'; import(module).then((value)=>{console.log(value);} ).then((value)=>{console.log(value);} );方式一是基于promise實現的一種方式；
方式二：
async function(){const mod1 = './mod.js':const mod2 = await import(mod1);mod2.doData();}方式二是基于async await實現的一種方式；
總結
以上是生活随笔為你收集整理的ES10的动态导入文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Promise.allSettled
- 下一篇： SDK 和 API 有什么区别