细讲Node.js模块化,以及 CommonJS 标准语法导出和导入,详细简单易懂!

server/2025/3/7 5:58:42/
带大家了解Node.js模块化概念和好处,以及 CommonJS 标准语法导出和导入:

一、Node.js模块化

1、在 Node.js 中每个文件都被当做是一个独立的模块,模块内定义的变量和函数都是独立作用域的,因为 Node.js 在执行模块代码时,将使用如下所示的函数封装器对其进行封装

 2、而且项目是由多个模块组成的,每个模块之间都是独立的,而且提高模块代码复用性,按需加载,独立作用域

 3、但是因为模块内的属性和函数都是私有的,如果对外使用,需要使用标准语法导出和导入才可以,而这个标准叫 CommonJS 标准,接下来我们在一个需求中,体验下模块化导出和导入语法的使用

二、CommonJS 标准语法

1、需求:定义 utils.js 模块,封装基地址和求数组总和的函数,导入到 index.js 使用查看效果

 2、导出语法:
module.exports = {对外属性名: 模块内私有变量
}
3、导入语法:
const 变量名 = require('模块名或路径')
// Node.js 环境内置模块直接写模块名(例如:fs,path,http)
// 自定义模块:写模块文件路径(例如:./utils.js)

变量名的值接收的就是目标模块导出的对象

4、代码实现:
  • utils.js:导出
/*** 目标:基于 CommonJS 标准语法,封装属性和方法并导出*/
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)// 导出
module.exports = {url: baseURL,arraySum: getArraySum
}
  • index.js:导入使用
/*** 目标:基于 CommonJS 标准语法,导入工具属性和方法使用*/
// 导入
const obj = require('./utils.js')
console.log(obj)
const result = obj.arraySum([5, 1, 2, 3])
console.log(result) //11

结束!!!

下一篇给大家分享【ECMAScript标准语法】,如果对小伙伴们有用,欢迎大家关注和评论!


http://www.ppmy.cn/server/31654.html

相关文章

flutter实现选择图片视频上传到oss和图片视频的预览功能

一、效果图 flutter实现选择图片视频上传到oss和图片视频的预览功 二、所需要的依赖 image_picker: ^1.1.0 //选择图片 flutter_oss_aliyun: ^6.4.1 //图片上传到阿里云oss uuid: ^4.4.0 //生成唯一uuid interactiveviewer_gallery: ^0.6.0 //图片视频预览 cached_network_ima…

IDEA 多模块项目报错 Cannot Save Settings 问题

IDEA 多模块项目报错 Cannot Save Settings 问题 Cannot Save Settings: Module "spring_cloud_sentinel_demo" must not contain source root "D:\java_test\Intesij_idea\spring_cloud_sentinel_demo\order_service_rest\src\main\resources"…

第IV章-Ⅰ Vue3组件与组件通信

第IV章-Ⅰ Vue3组件与组件通信 Vue组件根组件全局组件局部组件组件模板父子组件 组件间通信子组件获取父组件数据数据传递选项prop传值校验单向数据流 父组件获取子组件数据emit 方法 多级组件通信provide 声明要传递的数据inject 接收数据 总结应用场景单向数据流(…

【人工智能基础】VGG13与ResNet实验

实验环境:anaconda、jupyter notebook、spyder 实验用到的包:tensorflow 一、卷积神经网络CNN 卷积 建立一个卷积核(一般为c11 或者 c33, c为输入图像的通道数),使用卷积核扫过图像,调整计算每…

06_Flutter自定义锚点分类列表

06_Flutter自定义锚点分类列表 这样的效果,大家在一些商超应用里,应该也看到过。接下来咱们就用Flutter一步一步的来实现。 一.自定义属性抽取 categoryWidth: 左侧边栏的宽度,右侧区域的宽度填充剩余空间即可。itemCount: 总共有多少个分类…

通过符号程序搜索提升prompt工程

原文地址:supercharging-prompt-engineering-via-symbolic-program-search 通过自动探索​​大量提示变体来找到更好的提示 2024 年 4 月 22 日 众所周知,LLMs的成功在很大程度上仍然取决于我们用正确的指导和例子来提示他们的能力。随着新一代LLMs变得越…

机器学习之基于Jupyter中国环境治理投资数据分析及可视化

欢迎大家点赞、收藏、关注、评论啦 ,由于篇幅有限,只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 机器学习之基于Jupyter中国环境治理投资数据分析及可视化项目是一个结合了机器学习和数据可视化技术的项目&#xf…

webpack与vite

webpack 使用步骤: 初始化项目 pnpm init -y安装依赖webpack、webpack-cli在项目中创建src目录,然后编写代码(index.js)执行pnpm weboack来对代码进行打包(打包后观察dist文件夹) 配置古文件(w…