前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >nodejs开发使用cjs模式按模块多值导出开发技巧必备

nodejs开发使用cjs模式按模块多值导出开发技巧必备

作者头像
刘金玉编程
发布2024-04-23 16:17:21
1090
发布2024-04-23 16:17:21
举报
文章被收录于专栏:编程创造城市编程创造城市
前端开发人员学会使用nodejs开发可执行程序是未来开发中的必备技巧,这是让一个前端开发人员将自己的价值放大到1000倍能力的最好途径。

本期教程主要针对nodejs初学入门后,使用前端工程化操作技巧中常用的cjs开发模式,对模块的多值操作进行讲解。

1、了解项目情况

项目结构:

当前目录: D:\MyProjects\nodejs\hello 文件: myexport.py 文件: package.json 文件夹: src/ ----文件夹: cjs/ --------文件: index.cjs --------文件: module.cjs

准备文件:module.js

function bcczcs(){ console.log('ljybc,bcczcs') } const ljy="ljybc" module.exports={ bcczcs, ljy }

准备文件:index.cjs

const m=require("./module.cjs") //导入模块默认值 console.log(m)

运行项目:

命令行 D:\MyProjects\nodejs\hello>npm run dev:cjs 控制台输出: > hello@1.0.0 dev:cjs > node src/cjs/index.cjs { bcczcs: [Function: bcczcs], ljy: 'ljybc' }

2、观察输出结果

从这里我们可以看到控制台输出的结果是一个对象,可以通过键值对的方式来获取使用。

1)如果我们要调用函数bcczcs,那么可以使用:

m.bcczcs()调用函数的方式。

2)如果我们要使用变量ljy,那么可以使用:

m.ljy

3、调用模块内函数、调用模块内变量

在index.cjs文件下面添加如下:

m.bcczcs(); //调用函数bcczcs console.log(m.ljy); //使用模块内的变量ljy

运行项目:

命令行 D:\MyProjects\nodejs\hello>npm run dev:cjs

控制台输出:

> hello@1.0.0 dev:cjs > node src/cjs/index.cjs { bcczcs: [Function: bcczcs], ljy: 'ljybc' } ljybc,bcczcs ljybc

4、多值导出时的变量的解构与调用

我们在导出模块中的多值变量的时候,有时候也可以使用es6的解构语法。

将index.cjs文件修改如下:

const {bcczcs,ljy}=require("./module.cjs") //导入模块的多个值,分别解构到左侧的两个变量中 bcczcs(); //调用函数bcczcs console.log(ljy); //使用模块内的变量ljy

运行命令行以后,也是可以正常输出变量的值的。

命令行:

D:\MyProjects\nodejs\hello>npm run dev:cjs 控制台输出: > hello@1.0.0 dev:cjs > node src/cjs/index.cjs ljybc,bcczcs ljybc

5、多值导出时的重命名

修改index.cjs文件如下:

const { bcczcs:abc, //重命名导出变量的名称,防止变量名称冲突 ljy, }=require("./module.cjs") //导入模块的多个值,分别解构到左侧的两个变量中 const bcczcs=666; //变量赋值,该变量与导出的变量名称相同 console.log(bcczcs); //输出该文件变量 abc(); //调用函数bcczcs console.log(ljy); //使用模块内的变量ljy

命令行运行情况:

命令行 D:\MyProjects\nodejs\hello>npm run dev:cjs 控制台输出: > hello@1.0.0 dev:cjs > node src/cjs/index.cjs 666 ljybc,bcczcs ljybc

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-04-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 编程创造城市 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档