子產品

檔案目錄如下

靜态加載

靜态加載子產品，保證導入的值在代碼運作之前就可以使用

import {add} from "./module.js"
add(1, 2)    // 3      

動态加載

ES2020引入import()支援動态加載子產品，如通過網絡傳輸的子產品，由于動态加載子產品是異步的，是以要配合then或 async/await來使用

import("./module.js").then(module => {
    console.log(module.add(1, 3))
})      

或

(async function(){
    let module = await import("./module.js")
    console.log(module.add(2, 8))
}())      

import.meta

import.meta 是一個給 JavaScript 子產品暴露特定上下文的中繼資料屬性的對象，它包含了這個子產品的資訊，比如說目前這個子產品的URL

import.meta.url      

結果為目前子產品的url：file:///e:/%E8%AF%AD%E8%A8%80%E5%AD%A6%E4%B9%A0/JS%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97/%E7%AC%AC10%E7%AB%A0-%E6%A8%A1%E5%9D%97/01-%E6%A8%A1%E5%9D%97%E7%9A%84%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD.js