三分鐘了解 Node.js 模組原理：import 與 export 的運作

Node.js 中兩個重要的核心模組：單一檔案模組和 http 模組。這些模組是 Node.js 中內建的，無需額外安裝，而且在開發中扮演著重要的角色，本篇文章將帶您了解單一檔案模組，http 模組會於下篇介紹

單一檔案模組

在 Node.js 中，模組（Module）是一種組織和重用程式碼的方式。每個 Node.js 檔案都被視為一個模組，且在檔案中可以載入其他模組，以便在程式中重用和擴展功能。

Node.js 模組原理的核心概念有兩個：

• 封裝（Encapsulation）： 每個 Node.js 檔案都是一個獨立的封裝單位，稱為模組。模組內的變數、函式、類別等，預設情況下都是私有的，不會影響到其他模組。這樣做可以防止模組之間的衝突，並保持程式碼的可靠性和穩定性。
• 導出（Export）： 為了讓其他模組可以使用一個模組內的內容，該模組需要將這些內容導出。導出的內容可以是任何 JavaScript 資料類型，如函式、物件、數值、陣列等。
  
  
  

如何使用封裝、導出

從 Node.js v12.20.0 開始，Node.js 支援了部分的 ES6 模組語法，ES6 的 import 和 export 讓程式碼更模組化和可維護，已經逐漸取代了舊有的 CommonJS 的 require 和 module.exports 語法，成為主要的模組系統，所以筆者接下來都會以 import 、 export 來做導入和導出，不過 Node.js 仍然支援 require 和 module.exports 語法喔!

1. 初始化專案

npm init

在終端機執行初始化專案時，它會引導您完成一系列問題，並根據您的回答來建立 package.json 檔案，這是一個描述專案資訊、依賴項和其他設定的檔案。

2. 設定 module

在 package.json 加入 “type”: “module”，以指示 Node.js 這是一個 ES6 模組

{
  "type": "module"
}

3. import、export 檔案

新增一個 data.js、app.js 檔案
data.js

export const data = 'hello';

app.js

import { data } from "./data.js";
console.log(data);

在 ESM 中，使用 import 語句導入模組時，對應的檔案副檔名（如 .js）是需要明確指定的，不能省略

4. 執行結果

node app.js

在終端機執行後便會印出字串 hello 囉！

>hello

本站相關文章

👉 Node.js HTTP 模組 | 建立強大的伺服器端應用程式
👉 用 Node.js 執行 JavaScript 環境，Node.js 後端開發第一步
👉 Node.js 與 npm 更新的方式

🚀實體工作坊分享

玩轉 Web頁面的前端技術(HTML/CSS/JS) 一日體驗課

最近時賦學苑開了實體體驗課，即使你對程式碼沒有概念也能上手！Lala 會帶你一起做出一個個人品牌形象網站，帶你快速了解前端的開發流程，快跟我們一起玩轉 Web 吧！

🚀線上課程分享

線上課程可以加速學習的時間，省去了不少看文件的時間XD，以下是我推薦的一些課程
想學習更多關於前後端的線上課程，可以參考看看。

Hahow

Hahow 有各式各樣類型的課程，而且是無限次數觀看，對學生或上班族而言，不用擔心被時間綁住

六角學院

如果你是初學者，非常推薦六角學院哦！
剛開始轉職也是上了六角的課，非常的淺顯易懂，最重要的是，隨時還有線上的助教幫你解決問題！

Udemy

Udemy 裡的課程非常的多，品質普遍不錯，且價格都滿實惠的，CP值很高！
也是很多工程師推薦的線上課程網站。