成人怡红院-成人怡红院视频在线观看-成人影视大全-成人影院203nnxyz-美女毛片在线看-美女免费黄

站長資訊網(wǎng)
最全最豐富的資訊網(wǎng)站

什么是模塊化?聊聊Node模塊化的那些事

什么是模塊化?本篇文章給大家深度解析一下Node模塊化的那些事,希望對大家有所幫助!

什么是模塊化?聊聊Node模塊化的那些事

node.js極速入門課程:進入學習

什么是模塊化

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

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

在我們的編程中的模塊化,其實就是遵循固定的規(guī)則,把一個大文件拆分成為一個個獨立并且相互依賴的多個小模塊。【相關教程推薦:nodejs視頻教程】

代碼進行模塊拆分的好處:

  • 提高了代碼的復用性

  • 提高了代碼的可維護性

  • 可以實現(xiàn)按需加載(這個真的是嘎嘎好用!)

模塊化規(guī)范

模塊化規(guī)范就是對代碼進行模塊化的拆分與組合時,需要遵守的那些規(guī)則。

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

模塊化規(guī)范的好處:大家都遵守同樣的模塊化規(guī)范寫代碼,降低了溝通的成本,極大方便了各個模塊之間的相互調(diào)用,利人利己。(黑馬哥總結(jié)的真到位)

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)建的自定義模塊,使用前需要先下載)

我們在以上文章中已經(jīng)學了常用的內(nèi)置模塊,剩下的兩個模塊相對來說沒有什么特點,比較的依賴于開發(fā)者的需求!

加載模塊

使用強大的 require()方法,可以加載需要的內(nèi)置模塊、用戶自定義模塊、第三方模塊進行使用.

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

node.js的模塊作用域

什么是模塊作用域

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

代碼示例:

//在模塊作用域中定義常量 name const name = 'qianmo' //在模塊作用域中定義函數(shù)sing() function sing() {     console.log(`大家好,我是${name}`); }
登錄后復制

//在測試js文件中加載模塊 const a = require('./08.模塊作用域') console.log(a);  // {}
登錄后復制

在上述代碼中,我們在模塊作用域中定義了常量和方法,但是在測試的js文件中加載模塊后去打印,我們發(fā)現(xiàn)打印出來的是空對象。這是因為模塊作用域中的屬性和方法是私有成員,我們在加載模塊的時候無法訪問到!

模塊作用域的好處

模塊作用域的好處其實就只有一個:防止全局變量污染的問題

什么是模塊化?聊聊Node模塊化的那些事
在上述代碼中,我們引入了兩個js文件,在js文件中都同時定義了變量a,我們打印a之后,發(fā)現(xiàn)打印出來的是zs,在這里我們就可以發(fā)現(xiàn)一個問題,2.js文件覆蓋了1.js,這就反應出來了一個問題,當我們定義全局變量的時候容易造成變量污染,node的模塊化可以很好的幫助我們解決這個問題!?

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

module對象

在每個 .js 自定義模塊中都有一個 module 對象,它里面存儲了和當前模塊有關的信息

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

什么是模塊化?聊聊Node模塊化的那些事

module.exports對象

在自定義模塊中,可以使用 module.exports 對象,將模塊內(nèi)的成員共享出去,供外界使用
外界用 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文件中,我們打印了引入的模塊,發(fā)現(xiàn)打印出來了module.exports最后指定的對象
注意:使用 require() 方法導入模塊時,導入的結(jié)果,永遠以 module.exports 指向的對象為準。

exports對象

由于 module.exports 單詞寫起來比較復雜,為了簡化向外共享成員的代碼,Node 提供了 exports 對象默認情況下,exports 和 module.exports 指向同一個對象。最終共享的結(jié)果,還是以 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 = 20 exports.sayHello = function() {     console.log('大家好!'); }  //最終向外共享的結(jié)果,永遠是 module.exports 所指向的對象
登錄后復制

const m = require('./13.exports對象')  console.log(m); //{ username: 'zs', age: 20, sayHello: [Function (anonymous)] }
登錄后復制

在上述的代碼中,我們在私有模塊中定義了屬性和方法,我們通過exports將屬性和方法導出,在測試文件中引入,我們會發(fā)現(xiàn),測試文件中打印出了屬性和方法。

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

時刻謹記,使用require() 引入模塊時,得到的永遠是module.exports 指向的對象

什么是模塊化?聊聊Node模塊化的那些事

  • 在第一個圖中,module.exports指向一個新對象,所以在測試文件中,只會打印出來{gender:'男',age:22}

  • 在第二個圖中,雖然exports指向了一個新對象,但是我們知道我們只會打印出來module.exports指向的對象,所以我們只能打印出來一個屬性{username : 'zs'}

  • 在第三個圖中,exports和module.exports都沒有指定一個新對象,我們還知道,在默認情況下exports和module.exports指向的是一個對象,所以最終打印出來{username : 'zs',gender:'男'}

  • 在第四個圖中,exports指向了一個新對象,但是最終這個對象又賦值給了module.exports,所以,最后打印出了{username:'zs',gender:'男',age:22}

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

Node.js 中的模塊化規(guī)范(commonJS)

Node.js 遵循了 CommonJS 模塊化規(guī)范,CommonJS 規(guī)定了模塊的特性各模塊之間如何相互依賴

CommonJS 規(guī)定:
① 每個模塊內(nèi)部,module 變量代表當前模塊
② module 變量是一個對象,它的 exports 屬性(即 module.exports)是對外的接口
加載某個模塊,其實是加載該模塊的 module.exports 屬性。require() 方法用于加載模塊。

小結(jié)

模塊化是node.js最大的特點,在前端的項目開發(fā)中,模塊化已經(jīng)成為了必不可少的部分,我們在vue中使用的組件化其實就是模塊化的概念,前端只要學透了模塊化,那么你的函數(shù)封裝能力,按需調(diào)用的能力將會大大提升,這樣的話將會極大限度的提升你的項目開發(fā)效率。

贊(0)
分享到: 更多 (0)
?
網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
国产又爽又黄的激情精品视频| 国产人久久人人人人爽| 国产AV无码专区亚洲AⅤ| 国产成人无码AV在线播放DVD| 国产成人精品亚洲日本语言| 国产午夜成人精品视频APP| 极品丰满熟妇人妻无码| 久久香蕉国产线看观看亚洲小说| 免费A级毛片18禁| 女人丝不挂的正面裸体| 日产精品卡二卡三卡四卡区| 天天做天天爱天天综合网2021| 午夜亚洲WWW湿好大| 亚洲日本一线产区二线区| 18精品久久久无码午夜福利| 成年美女黄网站18禁免费| 国产精品久久久久9999吃药| 精品久久久久久天美传媒| 免费人妻AⅤ无码专区久久综合 | 18禁高潮出水呻吟娇喘蜜芽| 苍井空张开腿实干12次| 国产人妻麻豆蜜桃色精品电影| 久久99精品久久久久久国产| 欧美午夜精品一区二区蜜桃 | 公在客厅里吃我的奶涨奶视频| 国语精品自产拍在线观看网站| 美女肛交视频蜜桃国产一二区| 日韩电影久久久被窝网| 亚洲AV综合色区无码专区桃色| 中文日产无乱码AV在线观| 大香伊蕉在人线国产2020年| 护士HD老师FREE性ⅩⅩⅩ| 男同桌上课用手指进去了好爽| 少妇极度饥渴少妇高潮| 亚洲日韩成人AV无码网站| JLZZJLZZ全部女高潮| 国产亚洲欧美日韩俺去了| 男女无遮挡猛进猛出免费视频 | 国产成人精品福利一区二区三区| 久久99精品久久久久婷婷暖| 人妻丰满熟妇aⅴ无码HD| 亚洲AV日韩AV永久无码免下载| √天堂资源地址在线官网| 国产成人亚洲影院在线播放| 老汉扛起娇妻玉腿进入| 少妇极品熟妇人妻| 又大又粗弄得我好爽GIF| 丰满熟妇VIDEOSXXXX| 久久久久免费精品国产| 少妇寂寞偷公乱400章深夜书屋| 亚洲中文AⅤ中文字幕在线| 大胸年轻继拇HD无码| 久久精品九九热无码免贵 | 嘼皇PORONOⅤIDEOS极| 久久精品国产99精品亚洲蜜桃| 奇米四色7777中文字幕| 亚洲AV中文无码字幕色最| YW尤物AV无码国产在线看| 后Λ式动态后Λ式动态图AV| 日韩欧美人妻一区二区三区| 夜夜躁狠狠躁2021| 国产成人香蕉久久久久| 欧美成人看片黄A免费看| 亚洲AV无码专区亚洲AV手机版| 白白嫩嫩又小又紧| 精品国产免费第一区二区三区 | 亚洲国产成人久久一区二区三区 | 熟女少妇内射日韩亚洲| 专干日本熟妇人妻| 国产又粗老女人又硬又爽| 日本边添边摸边做边爱边| 亚洲中文字幕久在线| 国产精品露脸国语对白| 秋霞国产午夜伦午夜无码灬| 亚洲色婷婷六月亚洲婷婷6月| 国产成人果冻星空传媒| 欧美人与动性XXXXX交性| 亚洲碰碰人人AV熟女天堂| 国产成人精品午夜视频| 欧洲VODAFONEWIFI喷| 伊人久久大香线蕉AV影院| 国产真人无码作爱免费视频| 色老头精品午夜福利视频| 18禁爆乳无遮挡免费观看日本动| 精品国产AⅤ一区二区三区在线看| 色欲AV永久无码精品无码蜜桃| 自拍偷自拍亚洲精品播放| 精品久久久无码中文字幕一丶| 四虎成人精品无码永久在线| YW.1CNC爆乳尤物未| 麻豆成人精品国产免费| 亚洲A级成人片在线观看| 国产国产精品人在线观看| 日本动漫瀑乳H动漫啪啪免费| 最新国产在线拍揄自揄视频| 久久国产精品无码网站| 亚洲AV深夜高潮无码成人| 国产MV在线天堂MV免费观看| 欧美性VIDEOS高清精品| 中文无码日韩欧免费视频APP| 精品少妇无码AV无码专区蜜臀 | 国产乱人伦中文无无码视频试看 | 人妻少妇精品无码专区二区| 13277大但人文艺术日本活动| 久久久精品久久久久久96| 亚洲AV永久无码精品成人| 国产精品情侣呻吟对白视频| 色欲午夜无码久久久久久| 波多野结衣AV高清中文字幕| 欧美精品18VIDEOS性欧美| 自拍偷自拍亚洲精品10P| 久久亚洲熟妇熟女ⅩXXXHD| 亚洲人成电影在线观看天堂色| 国产婷婷色一区二区三区| 玩弄丰满熟妇XXXXX性60| 饭桌上故意张开腿让公H| 人人爽天天碰狠狠添| 啊轻点灬大JI巴太粗太长了H文| 欧美 亚洲 另类 丝袜 自拍 | 免费观看18禁无遮挡真人网站| 硬插人妻一区二区三区| 狂躁美女大BBBBBB视频1| 伊人色综合一区二区三区影院视频| 精品熟人妻一区二区三区在线| 亚洲大尺度无码无码专区| 好男人影视在线观看下载| 亚洲AV永久爆乳无码5区| 国内精品卡一卡二卡三| 亚洲成A人片在线观看天堂| 狠狠色噜噜狠狠狠狠色综合久AV| 亚洲AV无码专区国产乱码APP| 荷兰肥妇BBWBBWBBW| 亚洲国产成人久久综合一区77| 精品久久久无码中字| 亚洲中文字幕乱码电影| 久久亚洲精品无码观看| 中文字幕巨爆区乳爆系列| 嫩模超大胆大尺度人体写真| J日本成熟IPHONE69| 日本人妻人人人澡人人爽| 潮喷失禁大喷水AⅤ无码| 色妞色视频一区二区三区四区 | 久久人妻无码一区二区| 在线亚洲人成电影网站色WWW| 免费A级毛片无码A∨蜜芽试看 | 日本A级作爱免费观看在线| 啊灬啊灬啊灬高潮了视频| 日韩一区在线视频| 吃了继兄开的药我做的梦更 | 少妇被黑人到高潮喷出白浆| 国产 | 欧洲野花视频欧洲1| 玩弄粉嫩少妇高潮出白浆AⅤ| 国产三级在线观看完整版| 亚洲AV永久无码精品国产精品 | 懂色av一区二区三区蜜臀| 熟女少妇一区二区三区| 国产精品乱码久久久久软件| 玩弄放荡人妻一区二区三| 国产人成亚洲综合无码AⅤ蜜桃| 玩肥熟老妇BBWXXX视频| 国产三级精品三级在线观看| 亚洲国产精华推荐单单品榜| 久久精品人人做人人爽| 中文字幕人妻丝袜成熟乱| 人禽杂交18禁网站| 国产96在线 | 国产| 亚洲AV美国AV产亚洲AV图片| 好吊妞人成视频在线观看27DU | 成人每日更新在线不卡| 无码中文亚洲AV吉吉影音先锋| 黑料吃瓜网998.SU永久有效| 亚洲熟妇色XXXXX欧美老妇| 麻豆影视视频高清在线观看 | 亚洲色无码国产精品网站可下载 | 永久免费男同AV无码入口| 欧美丰满熟妇人妻兽交视频| 公交车伦流澡到高潮HNP | 成人免费A级毛片| 无码成人精品区在线观看| 精品一线二线三线区别大吗| √天堂网WWW最新版| 日韩系列 无码迅雷| 父债子偿BY画崖海棠| 亚洲色成人四虎在线观看| 欧美成人片在线观看网站| 丰满爆乳一区二区三区| 亚洲国产精品久久无码中文字蜜桃 | 中文在线っと好きだった最新版| 人人澡人人澡人人看添AV| 妇女强高潮18ⅩXXX| 亚洲男人的天堂AV手机在线观看| 女子初尝黑人巨嗷嗷叫| 国产GAYSEXCHINA男外| 一边摸一边吃奶一边做爽| 人人妻人人澡人人爽人人老司机 | A一区二区三区乱码在线 | 欧| 四川50岁熟妇大白屁股真爽| 和丰满少妇作爱过程视频| MONSTER无删减动漫| 亚洲AV女人18毛片水真多|