JavaScript import vs require
本文介紹了 JavaScript 語句 require()
和 import()
之間的主要區別。它還提供了上下文,並詳細說明了每種上下文可與 ES6 和 CommonJS 一起使用的地方。
JavaScript 中的 require()
這是一個內建的 node.js 語句,最常用於包含來自其他單獨檔案的模組。它通過讀取 JS 檔案,執行該檔案並返回要匯出的物件來工作。它以合併核心節點模組,基於社群的甚至本地模組的能力而非常受歡迎。
我們可以使用 require()
在 JavaScript 中包含一個內建模組。
const express = require ("express");
包含本地模組也很容易。
require("local_module");
如上所示,node.js
將嘗試在指定的路徑中找到 local_module.js
。輸出將根據找到的節點進行延遲:如果檔案存在於指定的路徑中,則輸出將顯示模組的內容。如果不是這樣,你可能會收到以下錯誤。
Error: Cannot find module 'local_module'
at Function.Module._resolveFilename (module.js:470:15)
at Function.Module._load (module.js:418:25)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at repl:1:1
at ContextifyScript.Script.runInThisContext (vm.js:23:33)
at REPLServer.defaultEval (repl.js:336:29)
at bound (domain.js:280:14)
at REPLServer.runBound [as eval] (domain.js:293:12)
at REPLServer.onLine (repl.js:533:10)
JavaScript 中的 import()
import()
是一個 ES6 模組。與 export()
一起,它們通常被稱為 ES6 匯入和匯出。從本質上講,這意味著該語句不能與 ES 模組之外的其他檔案型別一起使用。
import()
語句使使用者可以匯入他的模組並在程式中使用它們。語法為:
import './this-module.js';
使用者指定要匯入的模組的檔案路徑。
JavaScript 中 require
和 import
之間的主要區別
require()
是使用 CommonJS 的 node.js
語句,而 import()
僅與 ES6 一起使用。
require()
保留在檔案中的位置(非詞法),而 import()
始終移至頂部。
可以在程式的任何位置呼叫 require()
,但是只能在檔案的開頭執行 import()
。
大多數人直接使用 require()
語句執行程式碼,但是更喜歡在使用 import()
時使用實驗性模組功能標誌。
最後,所有使用 require()
語句的檔案都儲存為 .js
檔案,而帶有 import()
的檔案只能另存為 .mjs
檔案。
它們不能同時在一個程式中使用。
一般來說,import()
更受歡迎,因為它允許使用者僅選擇和載入他們需要的模組部分。該語句的效能也比 require()
好,並節省了一些記憶體。