欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

從零學(xué)習(xí)node.js之模塊規(guī)范(一)

 更新時間:2017年02月21日 09:06:10   作者:wenzi  
Node.js是一個基于谷歌瀏覽器JavaScript執(zhí)行環(huán)境建立的一個平臺,讓JavaScript可以脫離客戶端瀏覽器運行,讓 JavaScript具有服務(wù)器語言的能力。從本文開始我們進(jìn)行學(xué)習(xí)node.js,這篇文章主要介紹的是node.js中模塊規(guī)范的相關(guān)資料,需要的朋友可以參考下。

什么是Node.js?

很多初學(xué)者并沒有真正地理解Node.js到底是什么。nodejs.org網(wǎng)站中的描述也沒有多大幫助。

首先要清楚Node不是一個Web服務(wù)器,這十分重要。它本身并不能做任何事情。它無法像Apache那樣工作。如果你希望它成為一個HTTP服務(wù)器,你必須借助它內(nèi)置庫自己編寫。Node.js只是計算機上執(zhí)行代碼的另一種方式,它是一個簡單的JavaScript Runtime.

模塊化

在講解CommonJS, AMD, CMD這些概念之前,我們首先倆了解下js的模塊化。模塊化,顧名思義,就是將項目按照功能或者其他邏輯進(jìn)行分解處理,每個部分只處理一個功能,進(jìn)行功能的解耦處理,方便以后的開發(fā)和維護(hù)。那么模塊化必須具有以下的能力,才能進(jìn)行模塊的拆分和組裝:

  1. 定義封裝的模塊;
  2. 定義新模塊對其他模塊的依賴;
  3. 可對其他模塊的引入支持;

那么就需要一套規(guī)范準(zhǔn)則來定義這些能力,于是就出現(xiàn)了CommonJS, AMD, CMD等。

1. CommonJS

CommonJS原先叫做ServerJS,是js在服務(wù)端的規(guī)范,node使用的就是這種規(guī)范。根據(jù)CommonJS規(guī)范,一個單獨的文件就是一個模塊,require用來加載一個模塊,exports用來向外部暴露該模塊里的方法或?qū)傩浴?br />

例如:

// hello.js
function say(username){
 console.log( 'hello, '+username );
}

exports.say = say; 

=============

// main.js
var person = require('./hello');

person.say('wenzi'); // hello, wenzi
person.say('師少兵'); // hello, 師少兵
person.say('NUC'); // hello, NUC 

同時,require語句可以寫在文件中的任何位置,只要使用之前引用之前即可,不一定要寫在文件的最前面。不過,為了代碼更易閱讀,能直觀地看到當(dāng)前引用了哪些模塊,最好是放在文件的最前面。

EXPORTS與MODULE.EXPORTS的區(qū)別

可能有人見過直接使用exports的,有的是使用module.exports的,這里稍微的講解下這兩者的區(qū)別。

先舉個簡單的例子:

var a = {name:'wenzi'};
var b = a;

console.log(a); // {name: "wenzi"}
console.log(b); // {name: "wenzi"} 

a和b輸出的結(jié)果是一樣的?,F(xiàn)在我改變下b中name的值:

b.name = 'shaobing';

console.log(a); // {name: "shaobing"}
console.log(b); // {name: "shaobing"} 

a和b的輸出結(jié)果都發(fā)生了改變。我再對b進(jìn)行重新聲明:

var b = {name:'師少兵'};

console.log(a); // {name: "shaobing"}
console.log(b); // {name: "師少兵"} 

這三個例子輸出了三種結(jié)果:

  1. 聲明a對象,并把a賦值給b,然后a和b輸出了相同的結(jié)果;
  2. 改變了b中的name,那么a中的name也跟著改變;
  3. 重新聲明了b對象,那么a中的name則沒有跟著b一起改變

解釋:a 是一個對象,b 是對 a 的引用,即 a 和 b 指向同一塊內(nèi)存,所以1中的輸出是一樣的。當(dāng)對 b 作修改時,即 a 和 b 指向同一塊內(nèi)存地址的內(nèi)容發(fā)生了改變,a 也會體現(xiàn)出來,所以第2個例子輸出也一樣。當(dāng) b 被覆蓋時,b 指向了一塊新的內(nèi)存,a 還是指向原來的內(nèi)存,所以最后輸出會不一樣。

那么此時就可以引出exportsmodule.exports了:

  1. module.exports 初始值為一個空對象 {}
  2. exports 是指向的 module.exports 的引用
  3. require() 返回的是 module.exports 而不是 exports

如果module.exports發(fā)生了新指向,則exports無效;若module.exports沒有發(fā)生變化,則直接exports即可。

2. AMD與RequireJS

說到AMD,不得不說到RequireJS,AMD從CommonJS社區(qū)獨立出來,單獨成為了AMD社區(qū),AMD的流行,很大程度上也是依托了RequireJS作者的推廣。

AMD規(guī)范中,默認(rèn)推薦的模塊格式是:

// hello.js
// 將需要引入的模塊全部寫入到數(shù)組中,然后傳遞參數(shù)進(jìn)行調(diào)用
define(['a', 'b'], function(a, ,b){
 // do something

 return{
 hello : function(username){
  console.log( 'hello, '+username );
 }
 }
})

==========

// main.js
define(['./hello'], function(h){
 h.hello('wenzi');
})

也就是說,在AMD中,模塊必須使用define定義,依賴通過函數(shù)參數(shù)傳進(jìn)來,這樣的一個好處就是所有的依賴都能一目了然。

3. CMD與seajs

CMD規(guī)范是國內(nèi)著名的玉伯大神提出來的,將就的就是就近依賴,什么時候用到,就在那個地方進(jìn)行require。SeaJS就是使用的CMD規(guī)范:

// hello.js
define(function(require, exports, module){
 var a = require('a');
 // do a

 var b = require( 'b' );
 // do b

 module.exports.hello = hello; // 對外輸出hello
})

從這里也能看到AMD和CMD的區(qū)別:

  1. AMD通常需要一次性引入全部的依賴,然后通過參數(shù)傳遞;而CMD則需要時才引入

不過,AMD也支持CMD這樣的引入格式,但內(nèi)部還是按照AMD的邏輯進(jìn)行執(zhí)行。

4. 總結(jié)

這篇文章里介紹了下CommonJS, AMD, CMD規(guī)范的相關(guān)區(qū)別與聯(lián)系,這里再簡要的總結(jié)下:

  1. CommonJS: 每個文件就是一個模塊,不用define進(jìn)行定義,node使用此規(guī)范;
  2. AMD: 使用define定義一個模塊,講究提前依賴;
  3. CMD: 使用define定義模塊,將就就近依賴

好了,以上就是這篇文章的全部內(nèi)容了,接下來,我們就要開始正式進(jìn)行node的學(xué)習(xí)了。感興趣的朋友們請繼續(xù)關(guān)注腳本之家哦。

相關(guān)文章

  • Express 配置HTML頁面訪問的實現(xiàn)

    Express 配置HTML頁面訪問的實現(xiàn)

    這篇文章主要介紹了Express 配置HTML頁面訪問的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • node.js中的fs.unlinkSync方法使用說明

    node.js中的fs.unlinkSync方法使用說明

    這篇文章主要介紹了node.js中的fs.unlinkSync方法使用說明,本文介紹了fs.unlinkSync的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • Node.js中Express框架使用axios同步請求(async+await)實現(xiàn)方法

    Node.js中Express框架使用axios同步請求(async+await)實現(xiàn)方法

    這篇文章主要介紹了Node.js中Express框架使用axios同步請求(async+await)實現(xiàn)方法,結(jié)合實例形式分析了express框架使用異步交互axios模塊實現(xiàn)同步請求的相關(guān)操作技巧與注意事項,需要的朋友可以參考下
    2023-04-04
  • 安裝了node.js但是npm命令不可用的解決方案

    安裝了node.js但是npm命令不可用的解決方案

    這篇文章主要介紹了安裝了node.js但是npm命令不可用的解決方案,文中通過圖文結(jié)合的方式給大家介紹的非常詳細(xì),對大家的解決問題有一定的幫助,需要的朋友可以參考下
    2024-03-03
  • node-gyp安裝vuetify編譯失敗gyp?ERR的問題及解決

    node-gyp安裝vuetify編譯失敗gyp?ERR的問題及解決

    這篇文章主要介紹了node-gyp安裝vuetify編譯失敗gyp?ERR的問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • node.js下when.js 的異步編程實踐

    node.js下when.js 的異步編程實踐

    這篇文章主要介紹了node.js下when.js 的異步編程實踐,需要的朋友可以參考下
    2014-12-12
  • Node.js?中使用fetch?按JSON格式發(fā)post請求的問題解析

    Node.js?中使用fetch?按JSON格式發(fā)post請求的問題解析

    最近在測試一個api,可以用curl命令直接訪問,指定header相關(guān)配置,request?body(JSON),成功后返回一個JSON,這篇文章主要介紹了Node.js?中使用fetch?按JSON格式發(fā)post請求,需要的朋友可以參考下
    2023-04-04
  • gulp加批處理(.bat)實現(xiàn)ng多應(yīng)用一鍵自動化構(gòu)建

    gulp加批處理(.bat)實現(xiàn)ng多應(yīng)用一鍵自動化構(gòu)建

    這篇文章主要給大家介紹了利用gulp加上批處理(.bat)實現(xiàn)ng多應(yīng)用一鍵自動化構(gòu)建的相關(guān)資料,文中介紹的很詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-02-02
  • Nodejs學(xué)習(xí)筆記之Stream模塊

    Nodejs學(xué)習(xí)筆記之Stream模塊

    nodejs的fs模塊并沒有提供一個copy的方法,但我們可以很容易的實現(xiàn)一個,這種方式是把文件內(nèi)容全部讀入內(nèi)存,然后再寫入文件,對于小型的文本文件,這沒有多大問題,比如grunt-file-copy就是這樣實現(xiàn)的。
    2015-01-01
  • Nodejs express框架一個工程中同時使用ejs模版和jade模版

    Nodejs express框架一個工程中同時使用ejs模版和jade模版

    這篇文章主要介紹了Nodejs express框架一個工程中同時使用ejs模版和jade模版 的相關(guān)資料,需要的朋友可以參考下
    2015-12-12

最新評論