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

跟我學Nodejs(三)--- Node.js模塊

 更新時間:2014年05月25日 10:19:46   作者:  
這是本系列的第三篇文章了,前面2篇網(wǎng)友們反饋回來不少的消息,加上最近2天比較忙,一直沒來得及整理,周末了,趕緊給大家整理下發(fā)出來,本文講的是node.js模塊

簡介及資料

    通過Node.js的官方API可以看到Node.js本身提供了很多核心模塊 http://nodejs.org/api/ ,這些核心模塊被編譯成二進制文件,可以require('模塊名')去獲??;核心模塊具有最高的加載優(yōu)先級(有模塊與核心模塊同名時會體現(xiàn))

    (本次主要說自定義模塊)

    Node.js還有一類模塊為文件模塊,可以是JavaScript代碼文件(.js作為文件后綴)、也可以是JSON格式文本文件(.json作為文件后綴)、還可以是編輯過的C/C++文件(.node作為文件后綴);

    文件模塊訪問方式通過require('/文件名.后綴')    require('./文件名.后綴')    requrie('../文件名.后綴') 去訪問,文件后綴可以省略;以"/"開頭是以絕對路徑去加載,以"./"開頭和以"../"開頭表示以相對路徑加載,而以"./"開頭表示同級目錄下文件,

    前面提到文件后綴可以省略,Nodejs嘗試加載的優(yōu)先級 js文件 > json文件 > node文件

創(chuàng)建一個自定義模塊

   以一個計數(shù)器為例

復制代碼 代碼如下:

var outputVal  = 0;     //輸出值
var increment = 1;    //增量
/* 設置輸出值 */
function seOutputVal (val) {
    outputVal = val;
}
/* 設置增量 */
function setIncrement(incrementVal){
    increment = incrementVal;
}
/* 輸出 */
function printNextCount()
{   
    outputVal += increment;
    console.log(outputVal) ;
}
function printOutputVal() {
    console.log(outputVal);
}
exports.seOutputVal = seOutputVal;
exports.setIncrement = setIncrement;
module.exports.printNextCount = printNextCount;
自定義模塊 示例源碼

示例中重點在于exports和module.exports;提供了外部訪問的接口,下面調(diào)用一下看看效果吧

調(diào)用自定義模塊

復制代碼 代碼如下:

/*
    一個Node.js文件就是一個模塊,這個文件可能是Javascript代碼、JSON或者編譯過的C/C++擴展。
    重要的兩個對象:
    require是從外部獲取模塊
    exports是把模塊接口公開   
*/
var counter = require('./1_modules_custom_counter');
console.log('第一次調(diào)用模塊[1_modules_custom_counter]');
counter.seOutputVal(10);               //設置從10開始計數(shù)
counter.setIncrement (10);             //設置增量為10
counter.printNextCount();
counter.printNextCount();
counter.printNextCount();
counter.printNextCount();
/*
    require多次調(diào)用同一模塊不會重復加載
*/
var counter = require('./1_modules_custom_counter');
console.log('第二次調(diào)用模塊[1_modules_custom_counter]');
counter.printNextCount();
自定義模式調(diào)用 源碼

    運行可以發(fā)現(xiàn)通過exports和module.exports對外公開的方法都可以訪問!

    示例中可以看到,我兩次通過require('./1_modules_custom_counter')獲取模塊,但是第二次引用后調(diào)用printNextCount()方法確從60開始~~~

    原因是node.js通過requirerequire多次調(diào)用同一模塊不會重復加載,Node.js會根據(jù)文件名緩存所有加載過的文件模塊,所以不會重新加載了

    注意:通過文件名緩存是指實際文件名,并不會因為傳入的路徑形式不一樣而認會是不同的文件    

    在我創(chuàng)建的1_modules_custom_counter文件中有一個printOutputVal()方法,它并沒有通過exports或module.exports提供對外公開訪問方法,

    如果1_modules_load文件中直接訪問運行會出現(xiàn)什么樣的情況呢?

    答案是:TypeError: Object #<Object> has no method 'printOutputVal'

exports和module.exports 區(qū)別

經(jīng)過上面的例子,通過exports和module.exports對外公開的方法都可以訪問!那既然兩種都能達到效果,但總得有點區(qū)別的吧~~~用個例子看看吧!

復制代碼 代碼如下:

var counter  = 0;    
exports.printNextCount = function (){   
    counter += 2;
    console.log(counter);
}
var isEq = (exports === module.exports);
console.log(isEq);
2_modules_diff_exports.js 文件源碼

下面再新建個2_modules_diff_exports_load.js文件調(diào)用一下

復制代碼 代碼如下:

var Counter = require('./2_modules_diff_exports');
Counter.printNextCount();

    調(diào)用后,執(zhí)行結果如上圖

    我在2_modules_diff_exports_load.js文件中輸出了isEq的值  ( var isEq = (exports === module.exports); ),返回的true

    PS:注意是三個等號,如果不清楚自已查查資料吧!

不用急著下結論,把這兩個JS文件分別改成module.exports對應的代碼

復制代碼 代碼如下:

//修改后的2_modules_diff_exports.js源碼如下
var counter  = 0;    
module.exports = function(){   
    counter += 10;
    this.printNextCount = function()
    {
        console.log(counter);   
    }
}
var isEq = (exports === module.exports);
console.log(isEq);

復制代碼 代碼如下:

//修改后的2_modules_diff_exports_load.js文件源碼如下
var Counter = require('./2_modules_diff_exports');
var counterObj = new Counter();
counterObj.printNextCount();

    調(diào)用后,執(zhí)行結果如上圖

    我在2_modules_diff_exports_load.js文件中輸出了isEq的值  ( var isEq = (exports === module.exports); ),返回的false,這與用先前得到的結果不一致!

    PS:不要用Counter.printNextCount();去訪問,你只會得到一個錯誤的提示

    API提供了解釋

    http://nodejs.org/api/modules.html

    Note that exports is a reference to module.exports making it suitable for augmentation only. If you are exporting a single item such as a constructor you will want to use module.exports directly instead
    exports僅僅是module.exports的一個地址引用。nodejs只會導出module.exports的指向,如果exports指向變了,那就僅僅是exports不在指向module.exports,于是不會再被導出

    參考其它理解:

    http://www.hacksparrow.com/node-js-exports-vs-module-exports.html

    http://zihua.li/2012/03/use-module-exports-or-exports-in-node/

    module.exports才是真正的接口,exports只不過是它的一個輔助工具?!∽罱K返回給調(diào)用的是module.exports而不是exports。
    所有的exports收集到的屬性和方法,都賦值給了Module.exports。當然,這有個前提,就是module.exports本身不具備任何屬性和方法。
    如果,module.exports已經(jīng)具備一些屬性和方法,那么exports收集來的信息將被忽略。

exports和module.exports 覆蓋

上面也也基本明白了exports和module.exports的關系和區(qū)別,但如果同時針對printNextCount()方法存在exports和module.exports,結果如何?

調(diào)用結果

    從結果可以看出,并沒有報錯,表示可以這么定義,但最終module.exports覆蓋了exports

    雖然結果不會報錯,如果這么用開發(fā)中難免會有一些問題存在,所以

    1.最好別分別定義module.exports和exports

    2.NodeJs開發(fā)者建議導出對象用module.exports,導出多個方法和變量用exports

其它...

   API中還提供了其它的方法,就不細講了,在上面例子的基礎上自已動手一輸出就知道了

  module.id

  返回string類型的模塊標識,一般為完全解析后的文件名

  module.filename

  返回一個string類型的完全解析后文件名

  module.loaded

  返回一個bool類型,表示是否加載完成

  module.parent

  返回引用該模塊的模塊

  module.children

  返回該模塊引用的所有模塊對象的數(shù)組

相關文章

  • Bootstrap實現(xiàn)默認導航欄效果

    Bootstrap實現(xiàn)默認導航欄效果

    這篇文章主要介紹了Bootstrap實現(xiàn)默認導航欄效果,導航欄是一個很好的功能,是Bootstrap網(wǎng)站的一個突出特點,本文帶領大家學習實現(xiàn)Bootstrap導航欄,需要的朋友可以參考下
    2015-12-12
  • ie8本地圖片上傳預覽示例代碼

    ie8本地圖片上傳預覽示例代碼

    ie8本地圖片上傳預覽出現(xiàn)問題是因為限制瀏覽器造訪本地文件,所以用到濾鏡和div,下面有個不錯的示例,希望對大家有所幫助
    2014-01-01
  • JAVASCRIPT代碼編寫俄羅斯方塊網(wǎng)頁版

    JAVASCRIPT代碼編寫俄羅斯方塊網(wǎng)頁版

    俄羅斯方塊方塊是小時候的一個回憶,從最開始的掌上的黑白游戲機,到電視游戲機,到電腦,無不有它的痕跡,今天我們來一起重溫它的一種實現(xiàn)方法,也算是整理一下我的思路吧,感興趣的小伙伴一起學習吧
    2015-11-11
  • 關于IE、Firefox、Opera頁面呈現(xiàn)異同 寫腳本很痛苦

    關于IE、Firefox、Opera頁面呈現(xiàn)異同 寫腳本很痛苦

    關于IE、Firefox、Opera頁面呈現(xiàn)異同 寫腳本很痛苦,對于多瀏覽器的兼容性,需要注意。
    2009-08-08
  • 字節(jié)跳動面試之如何用JS實現(xiàn)Ajax并發(fā)請求控制

    字節(jié)跳動面試之如何用JS實現(xiàn)Ajax并發(fā)請求控制

    這篇文章主要給大家介紹了關于字節(jié)跳動面試之如何用JS實現(xiàn)Ajax并發(fā)請求控制的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-05-05
  • js實現(xiàn)點擊煙花特效

    js實現(xiàn)點擊煙花特效

    這篇文章主要介紹了js實現(xiàn)點擊煙花特效,幫助大家更好的利用js美化網(wǎng)頁,感興趣的朋友可以了解下
    2020-10-10
  • JS實現(xiàn)的自定義右鍵菜單實例二則

    JS實現(xiàn)的自定義右鍵菜單實例二則

    這篇文章主要介紹了JS實現(xiàn)的自定義右鍵菜單,以兩則實例形式分析了javascript自定義右鍵菜單效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • 基于JavaScript實現(xiàn)自定義滾動條

    基于JavaScript實現(xiàn)自定義滾動條

    這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)自定義滾動條,可以直接使用的滾動條,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • JS+CSS實現(xiàn)DIV層的展開、收縮效果

    JS+CSS實現(xiàn)DIV層的展開、收縮效果

    這篇文章主要介紹了JS+CSS實現(xiàn)DIV層的展開、收縮效果,以兩個完整實例介紹了JS控制DIV層的展開、收縮效果,感興趣的小伙伴們可以參考一下
    2016-01-01
  • javascript 控制 html元素 顯示/隱藏實現(xiàn)代碼

    javascript 控制 html元素 顯示/隱藏實現(xiàn)代碼

    javascript 控制 html元素 顯示/隱藏,下面是一些逐步的實現(xiàn)原理。
    2009-09-09

最新評論