一衬鱼、什么是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沒有DOM
和BOM
搓茬,不關(guān)注頁面功能浩姥,支持ECMAScript
標(biāo)準(zhǔn)躁倒。作為一種服務(wù)端語言歧匈,還支持:
- 文件操作
- 網(wǎng)絡(luò)通信
- 網(wǎng)路操作
- http
- ...
② 它建立在谷歌的Chrome V8
開源JavaScript
引擎上市埋。
③ 它采用事件驅(qū)動(dòng)刻蚯,非阻塞IO模型
④ 主要使用npm
包生態(tài)系統(tǒng)
Node.js入門
官方API文檔
二谋旦、初始環(huán)境安裝
先從官網(wǎng)下載安裝node剩失,使用node -v
即可查看版本,并判斷是否安裝成功册着。
在命令行中輸入npm init
拴孤,按照提示一路下來,可以發(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
中也被添加了依賴
"dependencies": {
"moment": "^2.24.0"
}
在vscode中配置語言環(huán)境:
npm install --save-dev @types/node
三、模塊加載機(jī)制
node.js的模塊加載會(huì)經(jīng)過三個(gè)步驟:
路徑分析 ->> 文件定位 ->> 編譯執(zhí)行
加載優(yōu)先順序:當(dāng)模塊被執(zhí)行后就會(huì)進(jìn)行緩存
第一步:系統(tǒng)緩存加載摊鸡,畢竟有過的東西直接拿過里就好了绽媒,node提供了require.cache API查看已緩存的模塊。
第二步:如果緩存沒有免猾,則去找系統(tǒng)(原生)模塊是辕,存在Node.js源碼的lib目錄下。在node.js源代碼編譯的時(shí)候部分核心代碼就已經(jīng)被編譯成二進(jìn)制執(zhí)行文件了猎提,所以不用進(jìn)行路徑分析和文件定位获三,速度僅次于系統(tǒng)緩存加載。
第三步:如果原生也沒有锨苏,則查找文件模塊疙教,優(yōu)先加載
.
,../
開頭的伞租,如果文件沒有擴(kuò)展名贞谓,則自動(dòng)按照.js
、.json
葵诈、.node
進(jìn)行擴(kuò)展名補(bǔ)足嘗試裸弦。第四步:如果是目錄作為模塊祟同,這時(shí)候會(huì)將這個(gè)目錄當(dāng)作一個(gè)
包
來處理,Node 這塊采用了 Commonjs 規(guī)范理疙,先會(huì)在項(xiàng)目根目錄查找 package.json 文件晕城,取出文件中定義的 main 屬性("main": "lib/hello.js")
描述的入口文件進(jìn)行加載,也沒加載到窖贤,則會(huì)拋出默認(rèn)錯(cuò)誤: Error: Cannot find module 'lib/hello.js'第五步:node_modules 目錄加載:對于系統(tǒng)模塊砖顷、路徑文件模塊都找不到,Node.js 會(huì)從當(dāng)前模塊的父目錄進(jìn)行查找赃梧,直到系統(tǒng)的根目錄
四滤蝠、CommonJs規(guī)范
node模塊遵循的是commonJS
規(guī)范,定義的模塊分為:
模塊標(biāo)識(傳遞給require方法的參數(shù))
模塊定義(module.exports槽奕, exports)
模塊引入(require)
(1)module.exports
和exports
當(dāng)node執(zhí)行一個(gè)模塊的時(shí)候几睛,會(huì)生成exports和module兩個(gè)對象,exports是幫助module操作數(shù)據(jù)內(nèi)存空間的粤攒,在另一個(gè)文件require進(jìn)去的也只是module.exports的數(shù)據(jù)所森,類似于:
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ī)制