模組

CommonJS 模組規範是 Node.js 中用於處理模組的標準。模組非常方便，因為它們允許你封裝各種功能並將這些功能作為庫暴露給其他 JavaScript 文件。 CommonJS 模組規範是 Node.js 中用於處理模組的標準。 在瀏覽器中運行的客戶端 JavaScript 使用另一種標準，稱為 ES Modules。 模組非常方便，因為它們允許你封裝各種功能並將這些功能作為庫暴露給其他 JavaScript 文件。它們讓你可以創建明確分離且可重用的功能片段，每個片段都可以單獨進行測試。 巨大的 npm 生態系統是基於這種 CommonJS 格式構建的。 導入模組的語法如下： const package = require('module-name') 在 CommonJS 中，模組是同步加載的，並且按照 JavaScript 運行時找到它們的順序進行處理。這個系統是為了服務器端 JavaScript 而設計的，並不適用於客戶端（這就是為什麼引入了 ES Modules 的原因）。 當一個 JavaScript 文件導出其定義的一個或多個符號（變量、函數、對象）時，它就是一個模組： uppercase.js exports.uppercase = (str) => str.toUpperCase() 任何 JavaScript 文件都可以導入並使用該模組： const uppercaseModule = require('uppercase.js') uppercaseModule.uppercase('test') 你可以導出多個值： exports.a = 1 exports.b = 2 exports.c = 3 並使用 解構賦值 個別導入它們： const { a, b, c } = require('....

你在檔案中編寫軟體。 一個簡單的程式可能只會存在於單一個檔案中，但是複雜的程式則會寫在多個檔案之中。 Swift 提供了一種將多個檔案分組的方法，稱為 模組。 模組可以幫助我們做兩件事情：代碼複用和代碼封裝。 你只需將特定的功能寫一次，然後將其放入一個模組中，就可以在不同的地方和項目中引用它。 封裝意味著這個庫可以在內部執行很多複雜的事情，但是只暴露出一小部分給外部使用。 你可以通過 import 來開始使用模組。 如果你曾經寫過 import SwiftUI 或者 import UIKit 那麼你已經使用過模組了。像 UIKit 和 SwiftUI 這樣的框架就是模組。 當你引入一個模組後，該模組聲明為 public 的部分在你的應用程式代碼內都是可見的。 模組之間可以相互引用，當這種情況發生時，你就自動擁有了對那些模組的訪問權限。 例如，SwiftUI 引入了 Foundation，所以你不需要寫 import SwiftUI import Foundation 你只需要第一行。 你的應用程式本身也是一個模組。 Swift 本身也是一個模組。你不需要手動 import Swift，因為它會自動為你處理。

了解如何動態導入 JavaScript 模組 您是否曾經有過動態載入 JavaScript 模組的需求嗎？ 也許您正在嘗試從一個資料夾載入東西，但您不知道資料夾的名稱，它是動態生成的。 但執行像這樣的操作： import test from folder + '/test.js' 或 import test from `${folder}/test.js` 無法正常運作。 您需要進行動態導入，使用以下方法： const test = await import(folder + '/test.js') 我在JavaScript 動態導入中更詳細地介紹了 JavaScript 的這個相對較新的功能。