JavaScript模組化規範

巷子太窄發表於2018-03-30

JavaScript模組化規範主要遵循CommonJS和AMD規範。

 

CommonJS規範-伺服器端JavaScript規範

Node.js是一個伺服器端JavaScript專案,採用了CommonJS標準實現其模組系統。

CommonJS中採用一個全域性require方法來載入模組,主要由原生模組module來實現和完成,該模組在啟動時已經被載入。

模組主要分為兩類:原生模組,檔案模組。

1.原生模組

原生模組也是Node.js中最核心的模組。原生模組在Node.js原始碼編譯的時候編譯進了二進位制執行檔案,載入的速度最快。

Node.js中存在許多原生模組,例如:http,net,os,path,fs, module等等,其引用方式為var fs = require(`fs`);

2.檔案模組

檔案模組是動態載入的,載入速度比原生模組慢。但是Node.js對原生模組和檔案模組都進行了快取,在第二次require該模組時,是不會有重複開銷。

檔案模組可細分為3類。這三類檔案模組以檔案字尾來區分,Node.js會根據字尾名來決定載入方法。

.js。通過fs模組同步讀取js檔案並編譯執行。

.node。通常為npm安裝的第三方模組。

.json。讀取檔案,呼叫JSON.parse解析載入。

雖然Node.js使用require方法引入模組的方式看似簡單,但內部的載入卻並不簡單,且其中的優先順序也不一樣。

 

AMD規範-瀏覽器端JavaScript規範

CommonJS中模組存放在本地,使用同步方式載入模組,其載入時間基本相當於磁碟IO時間,這不會存在問題,但是如果環境是瀏覽器,則檔案的載入受制於網路因素,如果網路載入比較慢,則可導致瀏覽器處於假死狀態,因此瀏覽器端只能採用非同步載入模組的方式。

AMD:Asynchronous Module Definition(非同步模組定義)。它採用非同步方式載入模組,模組的載入不影響它後面語句的執行。所有依賴這個模組的語句,都定義在一個回撥函式中,等到載入完成之後,這個回撥函式才會執行。

AMD也採用require()語句載入模組,但是不同於CommonJS,它要求兩個引數:require([module], callback);

第一個引數[module],是一個陣列,裡面的成員就是要載入的模組;第二個引數callback,則是載入成功之後的回撥函式。目前,主要有兩個Javascript庫實現了AMD規範:require.js和curl.js。

require.js採用AMD規範實現模組載入,其採用define函式來定義。define函式接受兩個引數,第一個引數為依賴陣列,第二個引數為待定義的模組函式。如果沒有依賴模組,則第一個引數也可以省略。

 

文章來源:http://www.cnblogs.com/virtual/p/3734846.html#2941128

相關文章