Node.js學習筆記(二):模塊

来源:http://www.cnblogs.com/yzg1/archive/2017/01/16/6289743.html
-Advertisement-
Play Games

模塊是 Node.js 應用程式的基本組成部分,文件和模塊是一一對應的。一個 Node.js 文件就是一個模塊,這個文件可能是 JavaScript 代碼、JSON 或者編譯過的 C/C++ 擴展。 由於JavaScript沒有模塊系統,所以Node.js依靠CommonJS規範自身實現了模塊系統。 ...


模塊是 Node.js 應用程式的基本組成部分,文件和模塊是一一對應的。一個 Node.js 文件就是一個模塊,這個文件可能是 JavaScript 代碼、JSON 或者編譯過的 C/C++ 擴展。

由於JavaScript沒有模塊系統,所以Node.js依靠CommonJS規範自身實現了模塊系統。

模塊的簡單使用——exports 、require 和 module

在編寫和使用每個模塊時,Node.js都有require、exports、module三個預先定義好的變數可供使用。

  1. exports

    exports對象是當前模塊的導出對象,用於導出模塊公有方法和屬性。
    事實上,exports 本身僅僅是一個普通的空對象,即 {},它專門用來聲明介面。例如:

    //module.js
    exports.sayHello = function(name) { 
        console.log('Hello '    + name);
    };
  2. require

    require函數用於在當前模塊中載入和使用別的模塊,傳入一個模塊名,返回一個模塊導出對象。模塊名可使用相對路徑(以./開頭),或者是絕對路徑(以/或C:之類的盤符開頭)。另外,模塊名中的.js擴展名可以省略。例如:

    //index.js
    var myModule = require('./module');
    myModule.sayHello("node");
  3. module

    通過module對象可以訪問到當前模塊的一些相關信息,但最多的用途是覆蓋 exports。例如模塊導出對象預設是一個普通對象,如果想改成一個函數的話:

    //module.js
    module.exports = function(name) { 
        console.log('Hello '    + name);
    };
    
    //index.js
    var sayHello = require('./module');
    sayHello("node");

模塊進階——模塊載入策略

Node.js的模塊分為兩類,一類為原生(核心)模塊,一類為文件模塊。原生模塊在Node.js源代碼編譯的時候編譯進了二進位執行文件,載入的速度最快。另一類文件模塊是動態載入的,載入速度比原生模塊慢。

內部實現機制

載入文件模塊的工作,主要由原生模塊module來實現和完成,該原生模塊在啟動時已經被載入,進程直接調用到runMain靜態方法。

Module源碼:

function Module(id, parent) {
  this.id = id;
  this.exports = {};
  this.parent = parent;
  if (parent && parent.children) {
    parent.children.push(this);
  }
    
  this.filename = null;
  this.loaded = false;
  this.children = [];
}

模塊解析流程:

  1. 命令行執行主模塊

    命令行執行主模塊

    // bootstrap main module.
    Module.runMain = function() {
      // Load the main module--the command line argument.
      Module._load(process.argv[1], null, true);
      // Handle any nextTicks added in the first tick of the program
      process._tickCallback();
    };
  2. 處理模塊

    Module.runMain方法會在最後執行_load靜態方法,該方法又會在分析文件名之後執行:

    //實例化Module函數
    var module = new Module(id, parent);

    並根據文件路徑緩存當前模塊對象,該模塊實例對象則根據文件名載入。

    module.load(filename);

    這時,Node.js會根據不同文件模塊類型的尾碼名來決定載入方法。

    • js:通過fs模塊同步讀取js文件並編譯執行。
    • node:通過C/C++進行編寫的Addon。通過dlopen方法進行載入。
    • json:讀取文件,調用JSON.parse解析載入。
  3. 輸出結果

    最後js文件形式的模塊會變成以下形式的內容:

    (function (exports, require, module, __filename, __dirname) {
        var circle = require('./circle.js');
            console.log('The area of a circle of radius 4 is ' +circle.area(4));
    });

    所以此時,主模塊內可以使用exports, require, module等變數了,而其他模塊又會通過require引進主模塊,require方法會同runMain一樣調用_load靜態方法,以此類推。

    require源碼:

    // 傳入模塊路徑作為參數. 返回 模塊的exports屬性.
    
    Module.prototype.require = function(path) {
      assert(path, 'missing path');
      assert(typeof path === 'string', 'path must be a string');
      return Module._load(path, this, /* isMain */ false);
    };

Q&A

  1. console.log(this)在瀏覽器和Node中分別列印出什麼?

    答:顯然瀏覽器中直接列印this指向Window對象,而在Node中,我們編寫的文件其實外面都包裹了一層函數,而且該函數執行時強制apply將this指向了module.exports,因此此處列印為{}。

  2. 為什麼require、__filename、__dirname、module、exports等幾個變數並沒有定義在app.js 文件中,但是這個方法卻存在的原因。

    答:這裡提到的所有屬性均是_load方法中我們編寫的js文件外層包裹函數提供給我們的,因此可以直接調用。
    


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、前言: 裝飾者模式(Decorator Pattern):在不改變原類和繼承的情況下動態擴展對象功能,通過包裝一個對象來實現一個新的具有原對象相同介面的新的對象。 裝飾者模式的特點: 1. 在不改變原對象的原本結構的情況下進行功能添加。 2. 裝飾對象和原對象具有相同的介面,可以使客戶以與原對象 ...
  • 在使用 ueditor 開發時, 作為一個web文本編輯器使用時。 當點擊上傳圖片時, 文件夾要延遲好久才能打開。 解決: 針對多圖片上傳, 將/ueditor/dialogs/image/image.js 文件下的以下代碼 改為 針對單圖片上傳, 將/ueditor/ueditor.all.js ...
  • 前言 React 的核心思想是:封裝組件,各個組件維護自己的狀態和UI,當狀態變更,自動重新渲染整個組件。 理解:react首先值得拍手稱贊的是它所有的開發都基於一個組件(component),組件和組件之間傳遞方法,而且每個組件都有一個狀態(state),當方法改變了這個狀態值時,整個組件就會重繪 ...
  • 這幾天一直在梳理關於前端方面的開發規範,現在暫時梳理了HTML的開發規範,暫且放置於此! 規範目的: 使開發流程更加規範化 文件命名規範:(需審批) 1.項目命名 2.目錄命名 3.HTML,CSS, SCSS,JS文件命名 4.一些瀏覽器會將含有這些詞的作為廣告攔截,文件命名、ID、CLASS等所 ...
  • jquery toggle([speed],[easing],[fn]) 用於綁定兩個或多個事件處理器函數,以響應被選元素的輪流的click事件 如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。 例子: $("***").toggle( function(){ $(this).add ...
  • 第一種:函數直接執行模式 第二種:對象方法的調用模式 第三種:構造器的調用模式 第四種:call和apply調用模式 ...
  • 如果你是一個人在自學前端開發,或者是對前端開發有比較濃厚的興趣正想踏入前端領域,只要你在前端自學路上遇到了自己無法解決的技術難題,那麼儘管將你的疑惑交給我的小伙伴兒們吧,我們都是一群在前端自學路上摸爬滾打的有志青年,希望你可以來和我們共同交流。同時也希望你能獻出自己的一份力,幫助我的小伙伴兒們解決他 ...
  • 由[OpenDigg](http://www.opendigg.com/) 出品的前端開源項目周報第六期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優質的前端開發方面的開源項目,方便前端開發人員便捷的找到自己需要的項目工具等。 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...