export default和export const的区别
时间: 2023-11-29 21:47:01 浏览: 267
ES6新特性:使用export和import实现模块化详解
export default和export const的区别在于,export default用于导出一个默认的模块,而export const用于导出一个常量。具体来说,export default只能导出一个默认的模块,而export const可以导出多个常量。此外,使用export default导出的模块在导入时可以使用任意名称,而使用export const导出的常量必须使用相同的名称进行导入。
举个例子,假设我们有一个名为module.js的模块,其中包含以下代码:
```javascript
const a = 1;
const b = 2;
export default {
a,
b
};
export const c = 3;
export const d = 4;
```
在另一个文件中,我们可以这样导入module.js中的内容:
```javascript
import myModule, { c, d } from './module.js';
console.log(myModule.a); // 输出:1
console.log(c); // 输出:3
console.log(d); // 输出:4
```
注意,在导入myModule时,我们可以使用任意名称,因为它是一个默认的模块。但是,在导入c和d时,我们必须使用相同的名称,因为它们是常量。
阅读全文