es6模块之默认导出和普通导出区别

---

前言

在ES6中，export和export default是用于将模块中的内容暴露给外部模块使用的关键字。虽然它们都可以导出模块中的内容，但两者之间还是有些区别的。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、普通导出(Export)

导出Export：作为一个模块，它可以选择性地给其他模块暴露（提供）自己的属性和方法，供其他模块使用。

二、默认导出(export default)

默认导出，每个模块支持我们导出一个没有名字的变量，我们使用关键语句export default来实现,我们使用export default关键字对外导出一个匿名函数，导入这个模块的时候，可以为这个匿名函数取任意的名字

三、区别

1.export可以导出多个变量或函数，而export default只能导出一个

export const a = 1;
export function hello() {
  console.log('Hello');
}

export const a = 1;
export function hello() {
  console.log('Hello');
}

2.导出时使用不同

export需要通过花括号指定要导出的变量或函数，而export default则直接导出一个默认值。
代码如下（示例）：

import { a, hello } from './module';

import myDefault from './module';

3.导入时使用不同

export导出的变量或函数必须和导入时使用的名称完全一致，而export default导出的默认值可以使用任何名称进行导入。

---

总结

export和export default都是将模块中的内容暴露给外部模块使用的关键字。它们之间的主要区别在于导出的方式以及导入时的用法。具体来说，export可以导出多个变量或函数，需要使用花括号指定要导出的内容；而export default只能导出一个默认值，并且可以使用任何名称进行导入