[JavaScript] Modules

Cheling Liao
May 30 · 2 min read

JavaScript中的模塊是可重複使用的代碼片段,可以從一個程序導出並導入以用於另一個程序。

Modules in JavaScript are reusable pieces of code that can be exported from one program and imported for use in another program.


Module 是目前我在JavaScript 上停留比較久的部分,網路上的筆記有限,我對它的理解基本上是一個檔案間進口與出口的概念。之後再更深入運用之後也許可以再整理更多筆記。


  • module.exports 導出模塊以便在另一個程序中使用。
  • require() 導入模塊以在當前程序中使用。

ES6為導出模塊引入了更靈活,更簡單的語法:

  • default exports用於export default導出JavaScript對象,函數和原始數據類型。
  • 命名導出使用export關鍵字導出變量中的數據。
  • 命名導出可以使用as關鍵字別名。
  • import 是導入任何對象,函數或數據類型的關鍵字。
比較有無模組的程式碼
參考:
Day4 - 自建模組(Local Modules )與如何使用
Day5 - 關於 module.exports 的兩三事
javascript中import和export用法總結
[譯] 解析 Javascript 模組機制與建置函式庫觀念
Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade