【Node.js基础04】node.js模块化

一:什么是模块化

在Node.js中,每个文件都可视为一个独立的模块。模块化提高了代码的复用性,按需加载,具有独立的作用域

二:如何实现多个文件间导入和导出

1 CommonJS标准(默认)-导入和导出

1 项目中如何联动多个模块文件

利用CommonJS标准在不同模块文件中导入、导出模块,最终达到在某一模块文件中使用多个模块文件中的内容

2 CommonJS语法规则

javascript 复制代码
//导出模块:module.exports={导出内容}
//导入模块:require('模块名/路径')
//内置模块直接写模块名(fs、http、path)
//自定义模块写模块文件路径

2 ECMAScript标准-默认导入和导出模块

1语法规则

javascript 复制代码
//导出 
export default{要导出内容}
//导入 
import 变量名 from '模块名或路径 '

2注意

Node.js默认支持CommonJS标准语法。如果使用ECMAScript标准语法,在运行模块所在文件夹新建package.json文件,并设置{'type':'module'}

3ECMAScript标准-命名导出和导入

1 命名导出和导入语法

javascript 复制代码
//导出:export修饰定义语句
export const baseUrl = 'www.baidu.com'
//导出:import {同名变量}from'模块名或路径'
import {baseUrl}from '模块名或路径'

2 怎么选择"命名/默认"这两种方式下的导入和导出

对比默认和命名两种方式

命名是按需导入

默认导入则会将某个独立模块文件中所有内容全部导入一个模块中

相关推荐
珑墨11 小时前
【浏览器】页面加载原理详解
前端·javascript·c++·node.js·edge浏览器
码是生活15 小时前
老板:能不能别手动复制路由了?我:写个脚本自动扫描
前端·node.js
LYFlied19 小时前
从循环依赖检查插件Circular Dependency Plugin源码详解Webpack生命周期以及插件开发
前端·webpack·node.js·编译原理·plugin插件开发
Asurplus21 小时前
【VUE】15、安装包管理工具yarn
前端·vue.js·npm·node.js·yarn
这是个栗子1 天前
【问题解决】Vue2 与 Vue3项目中 Node.js 版本选择
前端·node.js·nvm
fpl11161 天前
npm :无法加载文件 D:\...\nodejs\npm.ps1,因为在此系统上禁止运行脚本
前端·vscode·npm·node.js·命令模式
宋冠巡1 天前
Docker容器化Node.js应用教程
docker·node.js
vipbic1 天前
解决npm publish的404/403和配置警告全记录
前端·npm·node.js
晨晖22 天前
安装node.js,使用vue的准备环境
node.js
大帅子2 天前
Mac 用户对于不同前端项目自动配置 node 版版本
前端·node.js