🈯import

🚧 under construction

• JS ⟩ module ⟩ ES ⟩ import

• JS ⟩ grammar ⟩ declaration ⟩ import

(directive or declaration❓)

4 forms of import declarations:

• Named import: import {a, b} from "module";

• Default import: import A from "module";

• Namespace import: import * as B from "module";

• Side effect import: import "module";

import Tools from './module.js';         // import default
import { f, g } from './module.js'; 
import { f as g } from './module.js';    // rename

🧨 雷區

importing a CommonJS module from npm may cause

⛔ SyntaxError：Named export 'xxx' not found❗

👥 相關

• export

• module

💈範例

• import ES module

📗 參考

• JavaScript: The Definitive Guide ⟩

  • 5.7.4 import and export

  • 10.3

📘 手冊

• import