首頁 web前端 js教程 什麼是模組化?深析node模組化的那些事

什麼是模組化?深析node模組化的那些事

Mar 22, 2023 pm 04:54 PM
node 模組化

什麼是模組化?這篇文章帶大家深度解析node模組化的那些事,希望對大家有幫助!

什麼是模組化?深析node模組化的那些事

什麼是模組化

模組化是指解決一個複雜問題時,自頂向下逐層把系統劃分成若干模組的過程。對於整個系統來說,模組是可組合、分解和更換的單元。

在上方的定義中未免有一些晦澀難懂,簡單的給大家舉個例子:我們小時候玩的小霸王遊戲機,當我們玩煩了一款遊戲的時候,我們不可能直接更換一個遊戲機呀,我們可以透過更換遊戲帶從而體驗各種不同的遊戲。這種形式就是模組化,把遊戲分化成一個個小模組,當我們需要它的時候拿過來插入使用即可! 【相關教學推薦:nodejs影片教學程式設計教學

在我們的程式設計中的模組化,其實就是遵循固定的規則,把一個大檔案拆分成為一個個獨立並且互相依賴的多個小模組

程式碼進行模組拆分的好處:

  1. 提高了程式碼的復用性
  2. 提高了程式碼的可維護性
  3. 可以實作按需載入(這個真的是嘎嘎好用!)

#模組化規格

#模組化規範就是對程式碼進行模組化的分割與組合時,需要遵守的那些規則。

例如:
?1. 使用什麼樣的語法格式來引用模組
?2. 在模組中使用什麼樣的語法格式向外暴露成員

模組化規範的好處:大家都遵守同樣的模組化規範寫程式碼,降低了溝通的成本,極大方便了各個模組之間的相互調用,利人利己。 (黑馬哥總結的真到位)

node.js中的模組分類

Node.js 中根據模組來源的不同,將模組分為了3 大類,分別是:
? 1. 內建模組(內建模組是由Node.js 官方提供的,例如fs、path、http 等)
? 2. 自訂模組(使用者建立的每個.js 文件,都是自訂模組)
? 3. 第三方模組(由第三方開發出來的模組,並非官方提供的內建模組,也不是用戶創建的自訂模組,使用前需要先下載)

我們在以上文章中已經學了常用的內建模組,剩下下的兩個模組相對來說沒有什麼特點,比較的依賴開發者的需求!

載入模組

#使用強大的require()方法,可以載入需要的內建模組、使用者自訂模組、第三方模組進行使用.

#注意:使用require() 方法載入其它模組時,會執行被載入模組中的程式碼

node.js的模組作用域

什麼是模組作用域

和函數作用域類似,在自訂模組中定義的變數、方法等成員,只能在目前模組內被存取,這種模組層級的存取限制,叫做模組作用域。

程式碼範例:

//在模块作用域中定义常量 nameconst name = 'qianmo'//在模块作用域中定义函数sing()function sing() {
    console.log(`大家好,我是${name}`);}
登入後複製
//在测试js文件中加载模块const a = require('./08.模块作用域')console.log(a);  // {}
登入後複製

#在上述程式碼中,我們在模組作用域中定義了常數和方法,但在測試的js文件中載入模組後去列印,我們發現印出來的是空物件。這是因為模組作用域中的屬性和方法是私有成員,我們在載入模組的時候無法存取!

模組作用域的優點

模組作用域的好處其實只有一個:防止全域變數污染的問題

什麼是模組化?深析node模組化的那些事

在上述程式碼中,我們引入了兩個js文件,在js檔案中都同時定義了變數a,我們印出a之後,發現印出來的是zs,在這裡我們就可以發現一個問題,2.js檔覆蓋了1.js,這就反應出來了一個問題,當我們定義全域變數的時候容易造成變數污染,node的模組化可以很好的幫助我們解決這個問題!

向外共享模块作用域中的成员

module对象

在每个 .js 自定义模块中都有一个 module 对象,它里面存储了和当前模块有关的信息

我们打印一下module,console.log(module)

什麼是模組化?深析node模組化的那些事

module.exports对象

在自定义模块中,可以使用 module.exports 对象,将模块内的成员共享出去,供外界使用
外界用 require() 方法导入自定义模块时,得到的就是 module.exports 所指向的对象

代码示例:

// 在默认情况下 module.exports = {}const age = 20//向 module.exports 对象上挂载 name 属性module.exports.name = '正式'//向 module.exports 对象上挂载 sing 方法module.exports.sing = function() {
    console.log('hello');}module.exports.age = age//让 module.exports 指向一个全新的对象module.exports = {
    username : 'qianmo',
    hi() {
        console.log('你好啊!');
    }}
登入後複製
// 在外界使用require 导入一个自定义模块的时候 得到的成员。// 就是 那个模块中,通过 module.exports 指向的那个对象const m1 = require('./11.自定义模块')console.log(m1); // { username: 'qianmo', hi: [Function: hi] }
登入後複製

在测试js文件中,我们打印了引入的模块,发现打印出来了module.exports最后指定的对象
注意:使用 require() 方法导入模块时,导入的结果,永远以 module.exports 指向的对象为准。

exports对象

由于 module.exports 单词写起来比较复杂,为了简化向外共享成员的代码,Node 提供了 exports 对象默认情况下,exports 和 module.exports 指向同一个对象。最终共享的结果,还是以 module.exports 指向的对象为准

代码示例:

console.log(exports); // {}console.log(module.exports); // {}console.log(exports === module.exports); // true
登入後複製

在我们进行对exports对象解析之前,我们需要确定一下exportsmodule.exports是不是指向的是一个对象,我们可以看出,最后打印出了true,说明exportsmodule.exports指向的是一个对象!

const username = 'zs'exports.username = username
exports.age = 20exports.sayHello = function() {
    console.log('大家好!');}//最终向外共享的结果,永远是 module.exports 所指向的对象
登入後複製
const m = require('./13.exports对象')console.log(m); //{ username: 'zs', age: 20, sayHello: [Function (anonymous)] }
登入後複製

在上述的代码中,我们在私有模块中定义了属性和方法,我们通过exports将属性和方法导出,在测试文件中引入,我们会发现,测试文件中打印出了属性和方法。

exports 和 module.exports 的使用误区

时刻谨记,使用require() 引入模块时,得到的永远是module.exports 指向的对象

什麼是模組化?深析node模組化的那些事

  1. 在第一个图中,module.exports指向一个新对象,所以在测试文件中,只会打印出来{gender:'男',age:22}
  2. 在第二个图中,虽然exports指向了一个新对象,但是我们知道我们只会打印出来module.exports指向的对象,所以我们只能打印出来一个属性{username : 'zs'}
  3. 在第三个图中,exports和module.exports都没有指定一个新对象,我们还知道,在默认情况下exports和module.exports指向的是一个对象,所以最终打印出来{username : 'zs',gender:'男'}
  4. 在第四个图中,exports指向了一个新对象,但是最终这个对象又赋值给了module.exports,所以,最后打印出了{username:'zs',gender:'男',age:22}

? 注意 : 不要在一个文件中同时使用exportsmodule.exports,防止混淆

Node.js 中的模块化规范(commonJS)

Node.js 遵循了 CommonJS 模块化规范,CommonJS 规定了模块的特性各模块之间如何相互依赖

CommonJS 规定:
① 每个模块内部,module 变量代表当前模块
② module 变量是一个对象,它的 exports 属性(即 module.exports)是对外的接口
加载某个模块,其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。

小结

模块化是node.js最大的特点,在前端的项目开发中,模块化已经成为了必不可少的部分,我们在vue中使用的组件化其实就是模块化的概念,前端只要学透了模块化,那么你的函数封装能力,按需调用的能力将会大大提升,这样的话将会极大限度的提升你的项目开发效率。

更多node相關知識,請造訪:nodejs 教學

以上是什麼是模組化?深析node模組化的那些事的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1666
14
CakePHP 教程
1425
52
Laravel 教程
1323
25
PHP教程
1272
29
C# 教程
1251
24
如何優化Java程式碼的可維護性:經驗與建議 如何優化Java程式碼的可維護性:經驗與建議 Nov 22, 2023 pm 05:18 PM

如何優化Java程式碼的可維護性:經驗與建議在軟體開發過程中,編寫具有良好可維護性的程式碼是至關重要的。可維護性意味著程式碼能夠被輕鬆理解、修改和擴展,而不會引發意外的問題或額外的工作量。對於Java開發者來說,如何優化程式碼的可維護性是一個重要課題。本文將分享一些經驗和建議,幫助Java開發者提升其程式碼的可維護性。遵循規範的命名規則規範的命名規則能夠使程式碼更易讀,

node專案中如何使用express來處理檔案的上傳 node專案中如何使用express來處理檔案的上傳 Mar 28, 2023 pm 07:28 PM

怎麼處理文件上傳?以下這篇文章為大家介紹一下node專案中如何使用express來處理文件的上傳,希望對大家有幫助!

如何解決Python的程式碼中的程式碼複雜度過高錯誤? 如何解決Python的程式碼中的程式碼複雜度過高錯誤? Jun 24, 2023 pm 05:43 PM

Python是一門簡單易學高效的程式語言,但當我們在編寫Python程式碼時,可能會遇到一些程式碼複雜度過高的問題。這些問題如果不解決,會使得程式碼難以維護,容易出錯,降低程式碼的可讀性和可擴充性。因此,在本文中,我們將討論如何解決Python程式碼中的程式碼複雜度過高錯誤。了解程式碼複雜度程式碼複雜度是一種度量程式碼難以理解和維護的性質。在Python中,有一些指標可以用

Pi Node教學:什麼是Pi節點?如何安裝和設定Pi Node? Pi Node教學:什麼是Pi節點?如何安裝和設定Pi Node? Mar 05, 2025 pm 05:57 PM

PiNetwork節點詳解及安裝指南本文將詳細介紹PiNetwork生態系統中的關鍵角色——Pi節點,並提供安裝和配置的完整步驟。 Pi節點在PiNetwork區塊鏈測試網推出後,成為眾多先鋒積極參與測試的重要環節,為即將到來的主網發布做準備。如果您還不了解PiNetwork,請參考Pi幣是什麼?上市價格多少? Pi用途、挖礦及安全性分析。什麼是PiNetwork? PiNetwork項目始於2019年,擁有其專屬加密貨幣Pi幣。該項目旨在創建一個人人可參與

深入淺析Node的進程管理工具'pm2” 深入淺析Node的進程管理工具'pm2” Apr 03, 2023 pm 06:02 PM

這篇文章跟大家分享Node的進程管理工具“pm2”,聊聊為什麼需要pm2、安裝和使用pm2的方法,希望對大家有幫助!

如何解決Python的程式碼的可維護性差錯誤? 如何解決Python的程式碼的可維護性差錯誤? Jun 25, 2023 am 11:58 AM

Python作為一門高階程式語言,在軟體開發中得到了廣泛應用。雖然Python有許多優點,但許多Python程式設計師經常面臨的問題是,程式碼的可維護性較差。 Python程式碼的可維護性包括程式碼的易讀性、可擴充性、可重複使用性等面向。在本篇文章中,我們將著重討論如何解決Python程式碼的可維護性差的問題。一、代碼的易讀性代碼可讀性是指代碼的易讀程度,它是代碼可維護性的核

使用Angular和Node進行基於令牌的身份驗證 使用Angular和Node進行基於令牌的身份驗證 Sep 01, 2023 pm 02:01 PM

身份驗證是任何網路應用程式中最重要的部分之一。本教程討論基於令牌的身份驗證系統以及它們與傳統登入系統的差異。在本教程結束時,您將看到一個用Angular和Node.js編寫的完整工作演示。傳統身份驗證系統在繼續基於令牌的身份驗證系統之前,讓我們先來看看傳統的身份驗證系統。使用者在登入表單中提供使用者名稱和密碼,然後點擊登入。發出請求後,透過查詢資料庫在後端驗證使用者。如果請求有效,則使用從資料庫中獲取的使用者資訊建立會話,然後在回應頭中傳回會話訊息,以便將會話ID儲存在瀏覽器中。提供用於存取應用程式中受

什麼是單一登入系統?用nodejs怎麼實作? 什麼是單一登入系統?用nodejs怎麼實作? Feb 24, 2023 pm 07:33 PM

什麼是單一登入系統?用nodejs怎麼實作?以下這篇文章為大家介紹一下使用node實作單一登入系統的方法,希望對大家有幫助!

See all articles