一、什么是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)
①node是javascript運(yùn)行環(huán)境
JavaScript包括:
-
ECMAScript- var
- if...else
- for
- while
- function
- ...
DOM (document...)
BOM (window...)
但是Node沒(méi)有DOM和BOM,不關(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)先順序:
當(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.exports和exports
當(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ī)制