CommonJs模块化原理

CommonJs模块化原理核心之导入导出

模块化的核心是导出和导入,Node中对其进行了实现:exports ,module.exports可以负责对模块中的内容进行导出。require函数可以帮助我们导入其他模块(自定义模块、系统模块、第三方库模块)中的内容。

下面举个例子来分析exports导出原理,新建一个bar.js,内容如下:

let age=18
let name="kk"

exports.name=name
exports.age=age

在 bar.js同级目录下再新建一个main.js,内容如下:

const bar=require('./bar')

console.log(bar.age)
console.log(bar.name)

执行一下,结果为:
在这里插入图片说描述
可见name,age已导入

下面来分析一下原理:

exports其实就是一个对象,exports.xxx=定义的函数名或变量名 就是向exports对象里添加一个名为xxx的属性,在另一个模块中用require引入时可以起一个别名,本例中为bar,bar就指向了exports指向的那块内存,所以通过bar.xxx就可以读取上个模块导出的内容。

接下来分析module.exports, CommonJS中是没有module.exports的概念的;
但是为了实现模块的导出,Node中使用的是Module的类,每一个模块都是Module的一个实例,也就是module ;所以在Node中真正用于导出的其实根本不是exports,而是module.exports ;因为module才是导出的真正实现者。
因为Node内部有module.exports=exports操作
再bar.js中添加以下代码测试

module.exports={
	age:10,
	name:'123'
}

执行node main.js
在这里插入图片描述
此时结果已被改变

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

H落花流水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值