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

带大家了解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标准语法】,如果对小伙伴们有用,欢迎大家关注和评论!

相关推荐
帆张芳显10 分钟前
智表ZCELL产品V3.6 版发布,新增系统预置右键菜单操作、页签栏操作等功能
前端·canva可画·excel插件
那个失眠的夜12 分钟前
AspectJ
java·开发语言·数据库·spring
漂流瓶jz16 分钟前
运行时vs编译时:CSS in JS四种主流方案介绍和对比
前端·javascript·css
Asmewill23 分钟前
uv包管理命令
前端
发现一只大呆瓜25 分钟前
深入浅出 Tree Shaking:Rollup 是如何“摇”掉死代码的?
前端·性能优化·vite
网域小星球31 分钟前
C++ 从 0 入门(四)|继承、多态、this 指针、深浅拷贝(C++ 面试终极收官)
开发语言·c++·面试·多态·继承·this指针·深浅拷贝
weixin1997010801643 分钟前
《转转商品详情页前端性能优化实战》
前端·性能优化
CoderYanger1 小时前
14届蓝桥杯省赛Java A 组Q1~Q3
java·开发语言·线性代数·算法·职场和发展·蓝桥杯
钮钴禄·爱因斯晨1 小时前
他到底喜欢我吗?赛博塔罗Java+前端实现,一键解答!
java·开发语言·前端·javascript·css·html
Watermelo6171 小时前
理解 JavaScript 中的“ / ”:路径、资源与目录、nginx配置、请求、转义的那些事
前端·javascript·vue.js·chrome·nginx·正则表达式·seo