ES模块与CommonJS模块的差异

本文探讨了ES模块和CommonJS模块的主要差异。CommonJS模块在运行时加载,输出值的复制;而ES6模块在编译时输出接口,提供静态引用,确保模块变量的只读性。此外,ES6模块的顶层this为undefined,与CommonJS模块的顶层this指向当前模块有所不同。
摘要由CSDN通过智能技术生成

CommonJS模块输出的是一个值的复制,ES6模块输出的是值得引用。
CommonJS模块是运行时加载,ES6模块是编译时输出接口。
第二个差异是因为CommonJS加载的是一个对象(即module.export属性),该对象只有在脚本运行结束时才会生成。而ES6模块不是对象,它的对外接口是一种静态定义,在代码静态解析阶段就会生成。
CommonJS模块输出的是值的复制,也就是说,一旦输出一个值,模块内部的变化就影响不到这个值。

//module.js
var num=1;
function add(){
   
	num++;
}
module.exports={
   
	num:num;
	add:add;
};
//main.js
var mod=require('./module'
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值