Node.js模块化(两个标准)

一、什么是模块化?

(1)定义:CommonJS 模块是为 Node.js 打包 javascript 代码的原始方式。 Nodejs 还支持浏览器和其他 JavaScript 运行时使用的 ECMAScript 模块标准。在 Node.js 中,每个文件都被视为一个单独的模块。

(2)概念:项目是由很多个模块文件组成的

(3)好处:提高代码复用性,按需加载,独立作用域

(4)使用:需要标准语法导出和导入进行使用

二、CommonJS标准

  1. 使用:

(1)导出:module.exports={ }

(2)导入:require('模块名或路径')

2.模块名或路径:

(1)内置模块:直接写名字(例如:fs,path,http)

(2)自定义模块:写模块文件路径(例如:./utils.js)

utils.js代码

复制代码
const { get } = require("http")

const baseUrl = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

//导出
module.exports = {
  url: baseUrl,
  arraySum: getArraySum
}

index.js代码

复制代码
const obj = require('./utils.js')
console.log(obj)
const result = obj.arraySum([5, 1, 2, 3])
console.log(result)

**三、**ECMAScript标准

1. 默认导入与导出

(1)导出:export default { }

(2)导入:import 变量名 from '模块名或路径'

**注意:**Node.js 默认支持 CommonJs 标准语法

如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置 {"type":"module"}

utils.js代码

复制代码
const baseUrl = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)


//默认导出
export default {
  url: baseUrl,
  arraySum: getArraySum
}

index.js代码

复制代码
//默认导入
import obj from './utilss.js'
console.log(obj)
const result = obj.arraySum([1, 2, 3])
console.log(result)

2.命名导入与导出

(1)导出:export 修饰定义语句

(2)导入:import {同名变量} from '模块名或路径'

utils.js代码

复制代码
export const baseUrl = 'http://hmajax.itheima.net'
export const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

index.js代码

复制代码
import { baseUrl, getArraySum } from './utils.js'
console.log(baseUrl)
console.log(getArraySum([1, 2, 3]))

如何选择:

按需加载,使用命名导出和导入

全部加载,使用默认导出和导入

总结:

1.Node.js 支持哪 2 种模块化标准?

>CommonJS 标准语法(默认)

>ECMAScript 标准语法

2.ECMAScript 标准,命名导出和导入的语法?

>导出:export 修饰定义的语句

>导入:import {同名变量} from '模块名或路径'

3.ECMAScript 标准,默认导出和导入的语法?

>导出:export default { }

>导入:import 变量名 from '模块名或路径'

相关推荐
李游Leo4 小时前
Node.js 多版本管理与 nvm/nvs 使用全流程(含国内镜像加速与常见坑)
node.js
Q_Q19632884756 小时前
python+springboot+uniapp微信小程序题库系统 在线答题 题目分类 错题本管理 学习记录查询系统
spring boot·python·django·uni-app·node.js·php
陈随易11 小时前
适合中国宝宝的AI编程神器,文心快码
前端·后端·node.js
Q_Q196328847513 小时前
python+springboot大学生心理测评与分析系统 心理问卷测试 自动评分分析 可视化反馈系统
开发语言·spring boot·python·django·flask·node.js·php
EndingCoder15 小时前
Electron 新特性:2025 版本更新解读
前端·javascript·缓存·electron·前端框架·node.js·桌面端
machinecat16 小时前
node,小程序合成音频的方式
前端·node.js
草木红18 小时前
express 框架基础和 EJS 模板
arcgis·node.js·express
亮子AI1 天前
【npm】npm 包更新工具 npm-check-updates (ncu)
前端·npm·node.js
Yvonne爱编码1 天前
构建高效协作的桥梁:前后端衔接实践与接口文档规范详解
前端·git·ajax·webpack·node.js
Juchecar2 天前
AI教你常识之 ESM + Express + Vue3 + CSV文件 + Pinia + CRUD
node.js