腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

Node.js中的模塊化，npm包管理器詳解

更新時間：2021年09月01日 14:45:02 作者：別Null.了

這篇文章主要介紹了node模塊與npm包管理工具,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

模塊化的基本概念

什么是模塊化

模塊化是指解決一個復(fù)雜問題時，自頂向下逐層把系統(tǒng)劃分成若干模塊的過程。對于整個系統(tǒng)來說，模塊是可組合、分解和更換的單元。

模塊是Node.js 應(yīng)用程序的基本組成部分，文件和模塊是一一對應(yīng)的。換言之，一個 Node.js 文件就是一個模塊，這個文件可能是JavaScript 代碼、JSON 或者編譯過的C/C++ 擴(kuò)展。

編程領(lǐng)域中的模塊化，就是遵守固定的規(guī)則，把一個大文件拆成獨立并互相依賴的多個小模塊。

模塊化拆分的好處

提高了代碼的復(fù)用性；
提高了代碼的可維護(hù)性；
可以實現(xiàn)按需加載。

Node.js中的模塊化

Node.js中模塊的分類

Node.js 中根據(jù)模塊來源的不同，將模塊分為了 3 大類，分別是：

1、內(nèi)置模塊（內(nèi)置模塊是由 Node.js 官方提供的，例如 fs、path、http 等）

2、自定義模塊（用戶創(chuàng)建的每個 .js 文件，都是自定義模塊）

3、第三方模塊（由第三方開發(fā)出來的模塊，并非官方提供的內(nèi)置模塊，也不是用戶創(chuàng)建的自定義模塊，使用前需要先下載）

加載模塊

使用 require() 方法，可以加載需要的內(nèi)置模塊、用戶自定義模塊、第三方模塊進(jìn)行使用。

//加載內(nèi)置的 fs 模塊
const fs = require('fs')
 
//加載用戶自定義的模塊
const custom = require('./custom.js')
 
//加載第三方模塊
const moment = require('moment')

注意：使用require()方法加載其他模塊時，會執(zhí)行被加載模塊中的代碼

模塊作用域

和函數(shù)作用域類似，在自定義模塊中定義的變量、方法等成員，只能在當(dāng)前模塊內(nèi)被訪問，這種模塊級別的訪問限制，叫做模塊作用域。

//文件：01.custom.js
const username = '張三'    //在模塊作用域中定義常量username
function sayHello(){
   console.log('大家好，我是：'+username)   //在模塊作用域中定義函數(shù)sayHello
}
 
//文件：02.custom.js
const custom = require('./01.custom')   //導(dǎo)入01.custom文件
console.log(custom)  
//輸出{}空對象，在02.custom.js模塊中無法訪問01.custom.js模塊中的私有成員

向外共享模塊作用域中的成員

module對象

在每個 .js自定義模塊中都有一個module對象，它里面存儲了和當(dāng)前模塊有關(guān)的信息。

在自定義模塊中，可以使用 module.exports 對象，將模塊內(nèi)的成員共享出去，供外界使用。外界用 require() 方法導(dǎo)入自定義模塊時，得到的就是 module.exports 所指向的對象。

注意：使用 require() 方法導(dǎo)入模塊時，導(dǎo)入的結(jié)果，永遠(yuǎn)以 module.exports 指向的對象為準(zhǔn)

例如：

//文件：01.custom.js
module.exports.username = 'zs'  //向module.exports對象上掛載屬性username
module.exports.sayHello = function(){
   console.log('Hello')   //在模塊作用域中定義函數(shù)sayHello
}
module.exports = {    //讓module.exports指向一個全新的對象
   nickname:'小明',
   sayHi(){
     console.log('Hi!')
   }
}
 
//文件：02.custom.js
const custom = require('./01.custom.js')   //導(dǎo)入01.custom文件
console.log(custom)  
//輸出{ nickname:'小明',sayHi:[Function:sayHi]}

exports對象

由于 module.exports 單詞寫起來比較復(fù)雜，為了簡化向外共享成員的代碼，Node 提供了 exports 對象。默認(rèn)情況下，exports 和 module.exports 指向同一個對象。最終共享的結(jié)果，還是以 module.exports 指向的對象為準(zhǔn)。

exports和 module.exports的使用誤區(qū)

require()模塊時，得到的永遠(yuǎn)是 module.exports指向的對象。因此為了防止混亂，建議不要在同一個模塊中同時使用exports和 module.exports。

注意：每個模塊內(nèi)部，module變量代表當(dāng)前模塊；

module變量是一個對象，它的exports屬性(即 module.exports)是對外的接口

加載某個模塊，其實是加載該模塊的 module.exports屬性，require()方法用于加載模塊。

npm與包

包

Node.js 中的第三方模塊又叫做包。就像電腦和計算機(jī)指的是相同的東西，第三方模塊和包指的是同一個概念，只不過叫法不同。

由于 Node.js 的內(nèi)置模塊僅提供了一些底層的 API，導(dǎo)致在基于內(nèi)置模塊進(jìn)行項目開發(fā)時，效率很低。包是基于內(nèi)置模塊封裝出來的，提供了更高級、更方便的 API，極大的提高了開發(fā)效率。包和內(nèi)置模塊之間的關(guān)系，類似于 jQuery 和瀏覽器內(nèi)置 API 之間的關(guān)系。

如何下載包

npm, Inc. 公司提供了一個包管理工具，我們可以使用這個包管理工具，從 https://registry.npmjs.org/ 服務(wù)器把需要的包下載到本地使用。這個包管理工具的名字叫做 Node Package Manager（簡稱 npm 包管理工具），這個包管理工具隨著 Node.js 的安裝包一起被安裝到了用戶的電腦上。大家可以在終端中執(zhí)行 npm -v 命令，來查看自己電腦上所安裝的 npm 包管理工具的版本。

首先運用window徽標(biāo)加R打開，并輸入cmd，打開窗口輸入npm -v。

在項目中安裝包的命令

我所使用的軟件為WebStorm2021，以下的指令都是在WebStorm2021軟件的終端下進(jìn)行的。

npm install 包的完整名稱（在執(zhí)行 npm install 命令時，如果在后面加上 -g 參數(shù)，則會把包安裝為全局包。）

在安裝包完成后，我們會看到項目文件夾下多一個叫node_modules 的文件夾和 package-lock.json 的配置文件。

node_modules 文件夾用來存放所有已安裝到項目中的包。require() 導(dǎo)入第三方包時，就是從這個目錄中查找并加載包。 package-lock.json 配置文件用來記錄 node_modules 目錄下的每一個包的下載信息，例如包的名字、版本號、下載地址等。

說明：安裝包必須在網(wǎng)絡(luò)環(huán)境優(yōu)良的情況下進(jìn)行。

安裝指定版本的包

使用 npm install 命令安裝包的時候，會自動安裝最新版本的包。如果需要安裝指定版本的包，可以在包名之后，通過 @ 符號指定具體的版本。例如：npm install moment@2..22.2

說明：可以運行 npm install 命令（或 npm i）一次性安裝所有的依賴包。(是在剔除了 node_modules 的項目之后的情況下)。

卸載包

卸載包的命令為：npm uninstall 包的完整名稱

解決下包速度慢的問題

為什么下包速度慢

在使用 npm 下包的時候，默認(rèn)從國外的 https://registry.npmjs.org/ 服務(wù)器進(jìn)行下載，此時，網(wǎng)絡(luò)數(shù)據(jù)的傳輸需要經(jīng) 過漫長的海底光纜，因此下包速度會很慢。

解決方法一——淘寶NPM鏡像服務(wù)器

淘寶在國內(nèi)搭建了一個服務(wù)器，專門把國外官方服務(wù)器上的包同步到國內(nèi)的服務(wù)器，然后在國內(nèi)提供下包的服務(wù)。從而極大的提高了下包的速度。（鏡像（Mirroring）是一種文件存儲形式，一個磁盤上的數(shù)據(jù)在另一個磁盤上存在一個完全相同的副本即為鏡像）