【ES6】CommonJS模块和ES6模块

news/2024/11/28 21:41:52/

在JavaScript中,模块是一种将功能代码组织成逻辑单元的方式,以便在其他项目中重复使用。有两种主要的模块系统:CommonJS和ES6。

1、CommonJS

在CommonJS中,我们使用require来引入模块,使用module.exports来导出模块。

下面是一个简单的例子:

// math.js
exports.add = function (a, b) {return a + b;
};

然后,在另一个文件中,我们可以使用require来引入这个模块:

// app.js
var math = require('./math');
console.log(math.add(1, 2)); // 输出 3

2、ES6模块

ES6引入了新的模块系统,它支持导入和导出模块。下面是ES6模块的一个例子:

// math.js
export function add(a, b) {return a + b;
};

然后,在另一个文件中,我们可以使用import来引入这个模块:

// app.js
import { add } from './math';
console.log(add(1, 2)); // 输出 3

总的来说,CommonJS和ES6模块的主要区别在于语法、加载方式和只读性。CommonJS是运行时加载,ES6是编译时加载;CommonJS模块输出的是值的拷贝,ES6模块输出的是值的引用;此外,CommonJS模块是可读写的,而ES6模块是只读的


http://www.ppmy.cn/news/1086709.html

相关文章

MyBatis中至关重要的关系映射----全方面介绍

目录 一 对于映射的概念 1.1 三种关系映射 1.2 resultType与resultMap的区别 resultType: resultMap: 二,一对一关联查询 2.1 嵌套结果集编写 2.2 案例演示 三,一对多关联查询 3.1 嵌套结果集编写 3.3 案例演示 四&…

WPF Border设置渐变色

背景色渐变 <Border> <Border.Resources> <Style TargetType"Border"> <Setter Property"Background"> …

【良品】运维实施工程师面试题

1、Linux 查看哪个服务程序占用了 8089 端口用什么命令&#xff1f; 答&#xff1a;netstat –anpt | grep 8089 2、杀死 PID 为 4728 的进程用什么命令&#xff1f; 答&#xff1a;kill -9 4728/ 3、找出当前目录以及子目录下文件名以 en 为首字母的文件用什么命令&#xff…

1780_添加鼠标右键空白打开命令窗功能

全部学习汇总&#xff1a; GitHub - GreyZhang/windows_skills: some skills when using windows system. 经常执行各种脚本&#xff0c;常常需要切换到命令窗口中输入相关的命令。从开始位置打开cmd然后切换目录是个很糟糕的选择&#xff0c;费时费力。其实Windows 7以及Windo…

leetcode88合并两个有序数组

题目&#xff1a; 给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2&#xff0c;另有两个整数 m 和 n &#xff0c;分别表示 nums1 和 nums2 中的元素数目。 请你 合并 nums2 到 nums1 中&#xff0c;使合并后的数组同样按 非递减顺序 排列。 注意&#xff1a;最终&…

Office365 Excel中使用宏将汉字转拼音

Office365 Excel中开启宏 文件 - 选项 - 信任中心 - 信任中心设值 - 宏设值 启用VBA宏启用VBA宏时启用Excel 4.0宏信任对VBA工程对象模型的访问 创建宏 视图 - 查看宏 填写名字创建宏&#xff1a;getpy填入下面代码保存&#xff0c;点击否&#xff0c;另存类型为“excel启…

Ansys Zemax | 如何模拟光学相干层析成像系统

光学相干层析成像(OCT)系统是断层成像系统&#xff0c;它通过图像反射或散射出来的光来获取被测物体横截面或三维图像。本文讲述了光学相干层析成像(OCT)系统的设计&#xff0c;并探讨了如何使用OpticStudio进行相干模拟。&#xff08;联系我们获取文章附件&#xff09; 简介 …

4个维度讲透ChatGPT技术原理,揭开ChatGPT神秘技术黑盒【文末送书】

文章目录 写在前面1.Tansformer架构模型2. ChatGPT原理3. 提示学习与大模型能力的涌现4. 行业参考建议写作末尾 写在前面 2022年11月30日&#xff0c;ChatGPT模型问世后&#xff0c;立刻在全球范围内掀起了轩然大波。无论AI从业者还是非从业者&#xff0c;都在热议ChatGPT极具…