當前的 Javascript 采用importES6 作為匯入模塊的標準方式。但是，我有時會看到使用 CommonJSrequire而不是import.
我首先想知道兩個是否可以一起使用，但似乎兩個不能互換。（相關的stackoverflow問題）
那么，CommonJS 是否“需要”專案中仍在使用的東西？還是它正在慢慢消亡，只需要維護遺留代碼？
uj5u.com熱心網友回復：
Nodejs 可能會長期支持 CommonJS，因為仍然有數百萬行代碼使用它撰寫。它是nodejs中原始的模塊加載機制。它沒有被棄用。
ESM 模塊（ECMAScript 模塊）使用import并且export是模塊的新 Javascript 標準，我們可以預期 nodejs 將支持這些，只要它們是 Javascript 標準（可能永遠）。
這兩個模塊標準并不完全兼容，因此在同一個專案中混合和匹配可能會導致您必須學習如何處理的復雜情況。
新專案
如果我今天開始一個新專案，我會選擇使用 ESM 模塊撰寫代碼，因為它是語言和 nodejs 的未來軌跡。而且，如果您需要與其他模塊向后兼容，您仍然可以將 CommonJS 模塊加載到 ESM 模塊中，但您必須知道如何正確地做到這一點——混合和匹配模塊型別并不總是無縫的。
在 nodejs 首次支持 ESM 模塊時，與 CommonJS 模塊的互操作性還不是很全，造成了一些困難。在最新版本的 nodejs 中，您可以從 ESM 模塊加載 CommonJS 模塊，反之亦然——您只需使用正確的技術即可。這使得現在從 ESM 專案作業比在 nodejs 中首次支持 ESM 時更加可行，因為您仍然可以訪問 NPM 中僅支持 CommonJS 的庫。
另請注意，NPM 中越來越多的庫支持從任一模塊型別直接加載，因此無論您的專案是 CommonJS 還是 ESM，它們都同樣易于使用。
隨著時間的推移，我希望 NPM 上任何積極開發的共享模塊最終都將支持直接加載為 ESM 模塊。但是，我們正處于這個過渡時期，許多人尚未實施，或者在實施新的加載方案（它帶有自己的和不同的規則集）方面存在特殊挑戰。同時，您仍然可以將 CommonJS 模塊加載到 ESM 專案中。
現有的 CommonJS 專案
如果我有一個現有的 CommonJS 專案，我不會花任何時間考慮將其轉換為 ESM，因為 CommonJS 仍然得到廣泛支持，而且我的開發人員時間可能更好地用于添加功能、測驗、修復錯誤等。 ..而不是轉換模塊格式。
互操作性
要了解的重要互操作性之一是您可以通過幾種不同的方式從 ESM 模塊加載 CommonJS 模塊：
- 使用靜態匯入：
import { callMeCommon } from '../otherProject/common.js'; - 動態匯入
import(someFile).then(...) - 通過使用
module.createRequire(import.meta.url)然后使用該require()函式來加載您的 CommonJS 模塊。
您也可以使用動態import('someModule').then(...)從 CommonJS 模塊加載 ESM 模塊，但它不像require()以前那樣是同步的，因此必須以不同的方式處理。
知道 ESM 模塊沒有 CommonJS 模塊所具有的一些 nodejs 細節也很有用。沒有自動__dirname或__filename告訴你這個檔案是從哪里加載的。相反，您必須決議這些值import.meta.url并計算它們。因此，仍然可以獲得該資訊，只是不像以前那樣方便。
另一方面，ESM 模塊具有一些awaitCommonJS 所沒有的頂級功能，這可能非常有用。
您的具體問題
那么，CommonJS 是否“需要”專案中仍在使用的東西？
是的，它仍然被大量使用。
還是它正在慢慢消亡，只需要維護遺留代碼？
我不會說它正在消亡，因為 NPM 上很少有專案仍然不支持 CommonJS。事實上，當一個專案發布一個不再支持 CommonJS 的新版本時，它會給他們的用戶群帶來相當大的問題（我們在 stackoverflow 上看到了其中一些問題），因為 CommonJS 專案仍然很流行，而且人們不熟悉如何加載不同的模塊型別。
所以，我想說，我們仍處于從 CommonJS 到 ESM 過渡的早期階段，這更像是 ESM 越來越被采用，而不是 CommonJS 正在消亡。我大膽猜測 NPM 上的大多數模塊將在未來幾年內轉向支持從兩種模塊格式直接加載。
轉譯
最后，開發人員經常使用轉譯來允許他們使用最新的語法和功能撰寫代碼，但使用轉譯器將代碼轉換回可在任何地方運行的較低的共同點。這也可以用于模塊架構（在 ESM 中撰寫代碼，轉譯為 CommonJS）。
一些有趣的參考資料
支持 Node.js ESM 需要什么？
混合 npm 包（ESM 和 CommonJS）
戰爭中的節點模塊：為什么 CommonJS 和 ES 模塊不能相處
在 Node.js 中從 CommonJS 遷移到 ECMAScript 模塊 (ESM) 您需要知道的一切
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/409523.html
標籤：