node基礎(chǔ)

一、什么是node

Node.js is a JavaScript runtime.
It is built on Google's Chrome V8 open-source JavaScript engine.
It uses an event-driven, non-blocking I/O model.
It primarily uses the npm package ecosystem.
Node.js is supported by the Node.js Foundation

引用自官網(wǎng)
nodejavascript運(yùn)行環(huán)境
JavaScript包括:

  • ECMAScript

    • var
    • if...else
    • for
    • while
    • function
    • ...
  • DOM (document...)

  • BOM (window...)

但是Node沒(méi)有DOMBOM,不關(guān)注頁(yè)面功能,支持ECMAScript標(biāo)準(zhǔn)。作為一種服務(wù)端語(yǔ)言,還支持:

  • 文件操作
  • 網(wǎng)絡(luò)通信
  • 網(wǎng)路操作
  • http
  • ...

② 它建立在谷歌的Chrome V8開(kāi)源JavaScript引擎上。
③ 它采用事件驅(qū)動(dòng),非阻塞IO模型
④ 主要使用npm包生態(tài)系統(tǒng)
Node.js入門(mén)
官方API文檔

二、初始環(huán)境安裝

先從官網(wǎng)下載安裝node,使用node -v即可查看版本,并判斷是否安裝成功。
在命令行中輸入npm init,按照提示一路下來(lái),可以發(fā)現(xiàn)會(huì)生成一個(gè)package.json文件

// package.json
{
  "name": "test1",
  "version": "1.0.0",
  "description": "this is the demo, just for study",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Linyq",
  "license": "ISC"
}

當(dāng)我們需要下載模塊的時(shí)候,比如時(shí)間格式的模塊:

npm install moment -s
// 或者
npm install momment --save

可以發(fā)現(xiàn) 模塊已經(jīng)下到了node_modules中,并且在package.json中也被添加了依賴(lài)

"dependencies": {
    "moment": "^2.24.0"
 }

在vscode中配置語(yǔ)言環(huán)境:

npm install --save-dev @types/node

三、模塊加載機(jī)制

node.js的模塊加載會(huì)經(jīng)過(guò)三個(gè)步驟:

路徑分析 ->> 文件定位 ->> 編譯執(zhí)行

加載優(yōu)先順序:
image

當(dāng)模塊被執(zhí)行后就會(huì)進(jìn)行緩存

  • 第一步:系統(tǒng)緩存加載,畢竟有過(guò)的東西直接拿過(guò)里就好了,node提供了require.cache API查看已緩存的模塊。

  • 第二步:如果緩存沒(méi)有,則去找系統(tǒng)(原生)模塊,存在Node.js源碼的lib目錄下。在node.js源代碼編譯的時(shí)候部分核心代碼就已經(jīng)被編譯成二進(jìn)制執(zhí)行文件了,所以不用進(jìn)行路徑分析和文件定位,速度僅次于系統(tǒng)緩存加載。

  • 第三步:如果原生也沒(méi)有,則查找文件模塊,優(yōu)先加載.../開(kāi)頭的,如果文件沒(méi)有擴(kuò)展名,則自動(dòng)按照 .js、.json、.node 進(jìn)行擴(kuò)展名補(bǔ)足嘗試。

  • 第四步:如果是目錄作為模塊,這時(shí)候會(huì)將這個(gè)目錄當(dāng)作一個(gè) 來(lái)處理,Node 這塊采用了 Commonjs 規(guī)范,先會(huì)在項(xiàng)目根目錄查找 package.json 文件,取出文件中定義的 main 屬性 ("main": "lib/hello.js") 描述的入口文件進(jìn)行加載,也沒(méi)加載到,則會(huì)拋出默認(rèn)錯(cuò)誤: Error: Cannot find module 'lib/hello.js'

  • 第五步:node_modules 目錄加載:對(duì)于系統(tǒng)模塊、路徑文件模塊都找不到,Node.js 會(huì)從當(dāng)前模塊的父目錄進(jìn)行查找,直到系統(tǒng)的根目錄

四、CommonJs規(guī)范

node模塊遵循的是commonJS規(guī)范,定義的模塊分為:

  • 模塊標(biāo)識(shí)(傳遞給require方法的參數(shù))

  • 模塊定義(module.exports, exports)

  • 模塊引入(require)

(1)module.exportsexports

當(dāng)node執(zhí)行一個(gè)模塊的時(shí)候,會(huì)生成exports和module兩個(gè)對(duì)象,exports是幫助module操作數(shù)據(jù)內(nèi)存空間的,在另一個(gè)文件require進(jìn)去的也只是module.exports的數(shù)據(jù),類(lèi)似于:

const exports = module.exports
//util.js 例子
x = 0;
exports.x = 1;
export = "我是export"
// test.js中
let x = require(./util.js);
console.log(x);// ->> {x: 1}

(2)export和export default
相同點(diǎn):
這兩個(gè)都可以導(dǎo)出文件,模塊,函數(shù),常量等等,

區(qū)別:
而在一個(gè)文件和模塊中,可以有多個(gè)export但是只能有一個(gè)export default。
導(dǎo)出的用export,那么引入用{},使用export default則不用{}引入。
export能導(dǎo)出變量表達(dá)式。export default是默認(rèn)導(dǎo)出,export const是命名導(dǎo)出。
export default就是輸出一個(gè)叫做default的變量或方法,然后系統(tǒng)允許你為它取任意名字

//再舉個(gè)栗子
export const a = 1;
export const func1 = (param1, param2) => {
    ...
}
function func2(param1){
    ...
}
export {func2}

//expor default的導(dǎo)出
const b = 2
export default b
// export default const b=2會(huì)出錯(cuò)
// modules.js
function add(x, y) {
  return x * y;
}
export {add as default};
// 等同于
// export default add;

// app.js
import { default as foo } from 'modules';
// 等同于
// import foo from 'modules';

(3)關(guān)于ES6模塊與CommonJS模塊的差異:

  • CommonJS模塊輸出的是一個(gè)值的拷貝,比如引用一個(gè)值,會(huì)被緩存,模塊內(nèi)部的變化都不會(huì)影響到這個(gè)值。
    ES6模塊輸出的是值的引用。當(dāng)原始值變了,import加載的值也會(huì)跟著變。所以ES6模塊是動(dòng)態(tài)引用,并且不會(huì)緩存值,模塊里面的變量綁定其所在的模塊。
  • CommonJS模塊是運(yùn)行時(shí)加載,ES6模塊是編譯時(shí)輸出接口。

參考文章:
ES6模塊與CommonJS模塊的差異
nodejs模塊加載機(jī)制
淺談Node.js模塊機(jī)制

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 模塊通常是指編程語(yǔ)言所提供的代碼組織機(jī)制,利用此機(jī)制可將程序拆解為獨(dú)立且通用的代碼單元。所謂模塊化主要是解決代碼分...
    MapleLeafFall閱讀 1,255評(píng)論 0 0
  • Node 基礎(chǔ) JavaScript 是編程語(yǔ)言,而 Node.js 是執(zhí)行環(huán)境。 Node.js 是一個(gè)基于 C...
    獨(dú)木舟的木閱讀 868評(píng)論 0 0
  • topics: 1.The Node.js philosophy 2.The reactor pattern 3....
    宮若石閱讀 1,238評(píng)論 0 1
  • 33、JS中的本地存儲(chǔ) 把一些信息存儲(chǔ)在當(dāng)前瀏覽器指定域下的某一個(gè)地方(存儲(chǔ)到物理硬盤(pán)中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,246評(píng)論 0 2
  • 模塊 Node 有簡(jiǎn)單的模塊加載系統(tǒng)。在 Node 里,文件和模塊是一一對(duì)應(yīng)的。下面例子里,foo.js加載同一個(gè)...
    保川閱讀 685評(píng)論 0 0

友情鏈接更多精彩內(nèi)容