Node.js入门 - 笔记

2023-03-16 11:49:10 浏览数 (1)

Node.js 简介、模块化机制和包管理机制

# Node.js 简介


Node.js 是一个基于 Google V8 引擎的、跨平台的 JavaScript 运行环境,主要运行在服务器端,能够以 JS 的方式编写服务端程序,与传统浏览器中运行的 JS 不同,Node.js 底层采用 C ,可以读取文件、使用多进程、启动 HTTP 服务等。

# Node.js 的版本管理

由于开发过程中可能的版本切换需求(比如:新特性的兼容问题等),需要一个 Node.js 的版本管理工具。

以下是可供的选择:

  1. n : 一个 npm 全局的开源包,是依赖 npm 来全局安装、使用的
  2. fnm : 快速简单,兼容性支持 .node-version 和 .nvmrc 文件
  3. nvm : 独立的软件包,Node Version Manager

在实际开发中,nvm 用的会多一些。

# Node.js 特点

  1. 异步 IO:当 Node.js 执行 I/O 操作时,会在响应返回并恢复操作,而不是阻塞线程并浪费 CPU 循环等待
  2. 单线程:保持了 JavaScript 在浏览器中单线程的特点 优点在于不会发生死锁、没有线程上下文切换带来的开销 缺点在于无法利用多核 CPU、健壮性不足等(可以解决)
  3. 跨平台:兼容 Windows、MacOS、Linux/Unix 操作系统,主要得益于 Node.js 的标准库建立在底层的封装之上

# 模块化机制


与 Java 类似,在开发团队开发过程中,有可能有两个 JS 脚本声明了相同的变量名或函数名,此时运行在同一个网页中就会出现变量污染、副作用等问题,导致代码逻辑无法正常运行,于是引入了模块化机制,方便 import/export

# CommonJS 规范

注意:CommonJS 规范只是一种规范,需要具体的实现才能正常运作(比如依靠 Node.js)

CommonJS 的导入导出语法如下:

greeting.js

代码语言:javascript复制
// 导出定义的函数
const hello = () => console.log('Hello World!');

exports.hello = hello;
// 或者用
// module.exports = { myHello: hello }
// 也可以
// 注:exports 其实就是 module.exports,都是 JS 对象

index.js

代码语言:javascript复制
// 导入定义的函数
const { hello } = require('./greeting.js')
// 或者用
// const { myHello: hello } = require('./greeting.js')
// 注:其实就是 JS 解构语法,require 只是一个函数

// 下面就可以正常使用了
hello();

# CommonJS 的缓存机制

由于在浏览器中运行时是联网加载,如果每次 require 都需要重新遍历查找,性能会比较差,而且有时候模块中的代码有副作用,所以 require.cache 中缓存了加载过的模块。

如果要每一次重新加载,可以参考以下代码:

代码语言:javascript复制
// 有缓存
const mod1 = require('./foo');
const mod2 = require('./foo');
console.log(mod1 == mod2);// true

// 无缓存
function requireUncached(module){
    delete require.cache[require resolve(module)];
    return require(module);
}
const mod3 = requireUncached('/foo')
console.log( mod1 === mod3); // false

# ES Modules(ESM)

ES Modules 是 ES6 原生支持的一个模块化机制,其导入导出语法如下:

代码语言:javascript复制
// 导出
export default 1
export const name ='lxfriday'
export { age }
export {name as nickname}
export { foo } from './foo-bar'
export * from './foo-bar'

// 导入
import React from 'react'
import * as react from 'react'
import { Component } from 'react'
import {default as a} from 'react'
import {Button as Btn} from 'antd'
import 'index.less'

# CommonJS 对比 ESM

  • CommonJS 模块输出的是一个值的拷贝;ESM 模块输出的是值的引用
  • CommonJS 模块是运行时加载;ESM 模块是编译时输出 (提前加载)

注:可以混用,但是不建议 (import commonjs 或者 import 中 require)

# 包管理机制


Node.js 中有一个包管理器: npm ,提供了安装、删除等其它命令来管理包。

常用的命令有:

  • npm init
  • npm config
  • npm run [cmd]
  • npm install [pkg]
  • npm uninstall [pkg]
  • npm update [pkg]
  • npm info [pkg]
  • npm publish

用 npm 进行包管理的目录下一般都有 index.jspackage.json 这两个文件。

在 package.json 中,有以下属性需要注意:

  • name 包名称
  • version 版本号
  • main 入口文件
  • scripts 执行脚本
  • dependencies 线上依赖
  • devDependencies 开发依赖
  • repository 代码托管地址

更多 package.json 配置详见 npm Docs

参考: 字节青训营课程

0 人点赞