export 与export default
时间: 2023-05-08 20:57:00 浏览: 97
export 与 export default 区别
export 和 export default 是 JavaScript 中用于导出模块的两个关键字。它们的作用是将一个本地声明的函数、类、变量或对象暴露给其他模块使用。
export 用于导出一个命名模块,可以将多个命名模块通过逗号分隔放在一起。例如,可以这样导出一个函数和一个变量:
```
export function add(a, b) {
return a + b;
}
export const name = "John";
```
导入时需要使用 import,可以花括号包括需要导入的模块名。例如,
```
import { add, name } from "./mymodule.js";
```
export default 有点不同,它的用法是将一个模块默认导出,在一个模块中只能有一个默认导出。例如:
```
export default function add(a, b) {
return a + b;
}
export default class Student {
constructor(name) {
this.name = name;
}
}
```
导入时,可以省略花括号,直接使用 import 后面的名称即可。例如:
```
import myFunction from "./mymodule.js";
import myStudent from "./mymodule.js";
```
需要注意的是,export 和 export default 并不是 JS 的原生关键字,它们是 ECMAScript 6 新增的关键字,因此在旧版本的浏览器上可能会发生兼容性问题。
阅读全文