前端面试:ES6里export default和export区别
时间: 2024-02-19 18:56:21 浏览: 85
在ES6中,我们可以使用`export`关键字将一个模块中的变量、函数或类导出,以便其他模块可以使用它们。`export`关键字有两种用法:`export default`和`export`。
1. `export default`:
- `export default`用于导出一个默认的值,一个模块只能有一个默认导出。
- 导出的默认值可以是任何合法的JavaScript表达式,例如对象、函数、类等。
- 导入时可以使用任意名称来引用默认导出的值,不需要使用花括号。
- 示例代码:
```javascript
// moduleA.js
const defaultExport = "Default Export";
export default defaultExport;
// moduleB.js
import myDefault from './moduleA';
console.log(myDefault); // 输出: "Default Export"
```
2. `export`:
- `export`用于导出具名的变量、函数或类,可以有多个具名导出。
- 导入时需要使用相应的名称来引用具名导出的值,需要使用花括号。
- 示例代码:
```javascript
// moduleA.js
export const namedExport1 = "Named Export 1";
export const namedExport2 = "Named Export 2";
// moduleB.js
import { namedExport1, namedExport2 } from './moduleA';
console.log(namedExport1); // 输出: "Named Export 1"
console.log(namedExport2); // 输出: "Named Export 2"
```
阅读全文