Node.js模塊導入導出

来源:https://www.cnblogs.com/z937741304/archive/2018/10/10/9765193.html
-Advertisement-
Play Games

這篇文章本來是想模塊導入導出和事件迴圈一起寫的,但是感覺一起寫的話會太長了,所以就分開兩篇文章寫吧。下一篇會重點介紹一下js中的事件迴圈,js代碼到底是以何種順序去執行的呢?我相信你看懂了事件迴圈再去看node對你的幫助是非常大的。 講模塊系統之前先認識一下node.js中的全局對象。 node.j ...


這篇文章本來是想模塊導入導出和事件迴圈一起寫的,但是感覺一起寫的話會太長了,所以就分開兩篇文章寫吧。下一篇會重點介紹一下js中的事件迴圈,js代碼到底是以何種順序去執行的呢?我相信你看懂了事件迴圈再去看node對你的幫助是非常大的。

講模塊系統之前先認識一下node.js中的全局對象。

node.js的全局對象

  眾所周知的是在瀏覽器中的老大哥是誰,它就是window,this指向的也是window,那麼在node中的全局對象就不是window了,而是global,可以在命令行中去看一下,想學習node的應該已經安裝了node環境,如果還沒有安裝可以去node中文網去找到你對應的操作系統和版本去下載,如果node命令不是全局還需要配置一下環境變數,現在window操作系統安裝上node之後應該就自動配置完成了。

  打開命令行,輸入 node 回車,然後輸入 this 或者global就可以看到全局對象。你會看到好多東西,但是他比window對象是少太多太多了。

  在JavaScript中,使用script標簽去引入js文件的話,那麼在js文件中的全局變數都會掛載到window對象下麵,在各個文件中都可以共用它那個變數,比如jQuery,你引入了一個jQuery文件,那麼在其它的文件當中,你是可以訪問到$這個變數的。

  而在node.js中是如何實現文件之間的的引入呢,就不得不提及到commonjs了。

common.js

  查閱資料是這麼說的:JavaScript是一種強大的面向對象語言,它有很多快速高效的解釋器。官方JavaScript標准定義的API是為了構建基於瀏覽器的應用程式。然而,並沒有定義一個用於更廣泛的應用程式的標準庫。CommonJS API定義了很多普通應用程式(主要指非瀏覽器的應用)使用的API,從而填補了這個空白。它的終極目標是提供一個類似Python,Ruby和Java的標準庫。這樣的話,開發者可以使用CommonJS API編寫應用程式,然後這些應用可以運行在不同的JavaScript解釋器和不同的主機環境中。在相容 CommonJS 的系統中,你可以使用JavaScript開發伺服器端JavaScript應用程式、命令行工具、圖形界面應用程式和Hybrid混合應用程式。     通俗易懂的來說就是 CommonJS就是為了js的表現來指定來指定規範,因為js沒有模塊功能所以CommonJs應運而生,它的出現,目的就是為了讓js在其他環境也能執行,而不僅僅局限於瀏覽器。

  CommonJs是一種規範,Node.js就是這種規範的實現。

引入模塊require

  全局變數在所有模塊中均可使用。講道理我們理解的require就是一個全局變數, 但是官方文檔說的是此變數雖然看起來像全局變數,但實際上不是。 它們的作用域只在模塊內。那我也不管它了,它的實現大概也就是像那種在文件中的一個函數把require傳進來,像下麵這樣。

  具體的講解:CommonJs模塊規範,我們知道每個模塊文件中存在著require、exports、module這3個變數,但是它們在模塊文件中並沒有定義,那麼從何而來呢?甚至在Node的API文檔中我們知道每個模塊中還有__filename、__dirname這兩個變數的存在,它們又是從何而來的呢?

  事實上,在編譯的過程中,Node.js對獲取的JavaScript文件內容進行了頭尾包裝。在頭部添加了(function(exports,require,module,__filename,__dirname){\n,在尾部添加了\n});一個正常的JavaScript文件被包裝成瞭如下的樣子。

(function (exports,require,module,__filename,__dirname) {
    exports.a = 1;
    exports.fn = function () {
        console.log(1);
    };
});

 如圖為global的全局變數

 

  具體的使用方法

let obj = require('./2.js');
console.log(obj);

  值得註意的是:  1.   ./代表的是當前目錄下,然後是2.js,需要註意的是,如果引入的是本地的文件,那麼一定要帶上路徑。

  2. 如果尾碼名是js文件的話是可以省略的。

  3.有一些模塊是不需要帶路徑的,它們稱之為核心模塊,何為核心模塊

    第一種是安裝好node就有的一些模塊,另外一種是用npm安裝依賴的那些在node_modules文件夾下麵的

  4.模塊的載入機制: 文件名 > 文件名.js >文件名.json>文件名.node

  與前端瀏覽器會緩存靜態腳本文件以提高性能一樣,Node對引入過的模塊都會進行緩存,以減少二次引入時的開銷。不同的地方在於,瀏覽器僅僅緩存,而Node緩存的是編譯和執行之後的對象。

  安裝好node就有的一些模塊可以去node中文網的文檔左側都是,比如這些都是。

  

導出模塊 module.exports

  先看下麵的例子,運行app.js,具體操作為命令行打開到當前的目錄下, 運行  node app.js

app.js

let obj = require('./2.js');
console.log(obj);   // 1

2.js

module.exports = 1;

  app.js文件中引入的是2.js文件,然後 2.js文件通過module.exports來賦值為1,require的話還有一點就是他會去尋找引入進來文件的module.export,然後把那個1賦值給了obj,列印出來 1。

  module也是一個全局變數,它和require一樣,但實際上不是。 它們的作用域只在模塊內。導出模塊可能有的人見過下麵的寫法。

2.js

exports.a = 1;

 app.js代碼同樣不改變,列印出來的東西是  {a: 1};

其實exports是module.exports的一個引用, exports 也是一個全局變數,和上面require,module一樣,作用域只在模塊內。

導出模塊的話你可能會想到這樣做

1 module.exports = {}; //在內部的話這個東西預設等於{}
2 
3  //所以你想到了導出的話可以這樣
4 module.exports = {
5   a: 1,
6   b: function(){},
7   c: 'name'
8 }

如果你這樣做的話就是不正確的

 1 //這樣做是不正確的
 2 exports = {
 3     a: 1,
 4     b: function(){},
 5     c: 'name'
 6 };
 7 
 8 // 正確的做法應該是這樣
 9 exports.a = 1;
10 exports.b = function () {};
11 exports.c = 'name';
12 
13 // 因為exports是module.exports的一個引用,重新給exports賦值的話只會改變exports的值,而require引入的話尋找的是模塊中的module.exports

  可能有的人會這樣想,我直接寫到global對象下麵去不就可以引入了嗎,為什麼還需要用exports這種東西呢?具體寫法如下

app.js

let obj = require('./2.js');
console.log(global.obj);
console.log(global.obj2);

2.js

global.obj = {
    a: 'name',
    b: function () {
        console.log('1111')
    }
};
global.obj2 = '狗蛋';

  怎麼說呢,這樣做是可以的,但是不推薦把所有的東西都寫到global下麵,會污染global對象,還是推薦使用exports去進行模塊之間的導入導出。

   

  模塊的導入導出的操作非常簡答,但是對一些概念性的東西理解之後我相信會更好,當然require還有好多原理沒有講到,如果有興趣的可以查閱資料繼續學習,我相信如果只是使用的話掌握到現在的程度已經是可以的了,想繼續深入的可以看看  樸靈寫的 深入淺出Node.js 這本書。

  如果你看了我的文章有了一些收穫我會非常高興的,由於能力有限,文章有的部分解釋的不到位,希望在以後的日子里能慢慢提高自己能力,如果不足之處,還望指正。

 


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

-Advertisement-
Play Games
更多相關文章
  • 使用HTML5 canvas的註意事項,非零環繞原則的使用,closePath與lineTo的區別,使用arc產生的問題 ...
  • Sass 快速入門 | SASS 中文網 文檔鏈接:https://www.sasscss.com/getting-started/ 前言 之前整理了一篇關於Less的,現在就來整理一下關於Sass的。 因為這兩種都是CSS的主流預處理器,當然還有Stylus。 要解釋一下什麼是Sass嗎? Sas ...
  • 一、變數作用域 變數作用域指的是變數的作用範圍,javascript中的變數分為全局變數和局部變數 1、全局變數:在函數之外定義的變數,為整個頁面公用,函數的內部外部都可以訪問。 2、局部變數:在函數內部定義的變數,只能在定義該變數的函數內部訪問,外部無法訪問。函數內部訪問變數時,先在內部查找是否有 ...
  • 在前面,我們學習了標準文檔流,但在實際製作的過程中,用標準文檔流書寫顯然是不現實的,因此,我們來瞭解幾種脫離標準文檔流的方法: 1.float 浮動 float:left/right;(左浮/右浮) 效果:元素都加浮動,後面的元素緊跟前面的元素併排排列 第一個加了float,脫離了標準文檔流,對於瀏 ...
  • 安裝 新建一個文件夾 i18n ,內新建 en.js zh.js index.js 三個文件 準備翻譯信息 en.js zh.js index.js 創建Vue-i18n實例 i18n 掛載到 vue 根實例 main.js 簡單的使用 about.vue 註意: 比如說上面的hi 你要通過這種形式 ...
  • 在h5中實現一些小標簽、按鈕的時候,很容易發現部分安卓機型上的字體顯示有問題,總會向上偏移2px左右。這是設置padding或line-height無法修複的,與rem也無關,即使在字體大於12px時依然存在。下圖來自於網友的分享,從左到右依次是顯示正常的蘋果、顯示正常的安卓、顯示異常的安卓: 可能 ...
  • IndexedDB 瀏覽器資料庫,是一個非關係型資料庫,數據形式使用的是json,IndexedDB適合存儲大量數據,它的API是非同步調用的,當然他的api 也相對複雜。 當然瀏覽器數據存儲 還有LocalStorage,Cookies,web SQL等 為什麼還再來一個indexedDB。 之前我 ...
  • var date = new Date(); //Sat Sep 29 2018 10:44:43 GMT+0800 (中國標準時間) ]new Date().toLocaleString(); // 可根據本地時間把 Date 對象轉換為字元串,並返回結果。 "2018/9/29 上午10:45: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...