require和import的區別
阿新 • • 發佈:2018-11-09
node程式設計中最重要的思想就是模組化,import
和require
都是被模組化所使用。
遵循規範
require
是 AMD規範引入方式import
是es6的一個語法標準,如果要相容瀏覽器的話必須轉化成es5的語法
呼叫時間
- require是執行時呼叫,所以require理論上可以運用在程式碼的任何地方
- import是編譯時呼叫,所以必須放在檔案開頭
本質
- require是賦值過程,其實require的結果就是物件、數字、字串、函式等,再把require的結果賦值給某個變數
- import是解構過程,但是目前所有的引擎都還沒有實現import,我們在node中使用babel支援ES6,也僅僅是將ES6轉碼為ES5再執行,import語法會被轉碼為require
require / exports :
遵循 CommonJS/AMD,只能在執行時確定模組的依賴關係及輸入/輸出的變數,無法進行靜態優化。
用法只有以下三種簡單的寫法:
const fs = require('fs')
exports.fs = fs
module.exports = fs
import / export:
遵循 ES6 規範,支援編譯時靜態分析,便於JS引入巨集和型別檢驗。動態繫結。
寫法就比較多種多樣:
import fs from 'fs' import {default as fs} from 'fs' import * as fs from 'fs' import {readFile} from 'fs' import {readFile as read} from 'fs' import fs, {readFile} from 'fs' export default fs export const fs export function readFile export {readFile, read} export * from 'fs'
- 通過require引入基礎資料型別時,屬於複製該變數。
- 通過require引入複雜資料型別時,資料淺拷貝該物件。
- 出現模組之間的迴圈引用時,會輸出已經執行的模組,而未執行的模組不輸出(比較複雜)
- CommonJS模組預設export的是一個物件,即使匯出的是基礎資料型別