export和export default区别是什么?
时间: 2023-11-02 11:02:32 浏览: 38
export 和 export default 是用于在 JavaScript 模块中导出功能的两种不同方式。
在一个模块中,可以使用 export 关键字来导出多个功能。例如:
```
// module.js
export const name = "John";
export function sayHello() {
console.log("Hello!");
}
```
在另一个模块中,可以使用 import 关键字来导入这些功能。例如:
```
// app.js
import { name, sayHello } from './module.js';
console.log(name); // 输出 "John"
sayHello(); // 输出 "Hello!"
```
export default 关键字用于导出模块的默认功能。一个模块只能有一个默认导出。例如:
```
// module.js
const name = "John";
function sayHello() {
console.log("Hello!");
}
export default name;
export { sayHello };
```
导入默认导出时,可以使用任意名称来命名导入的值。例如:
```
// app.js
import myName, { sayHello } from './module.js';
console.log(myName); // 输出 "John"(默认导出)
sayHello(); // 输出 "Hello!"
```
需要注意的是,当使用 export default 时,可以直接导出一个值或对象,而不需要使用 {} 包裹。而当使用 export 时,需要使用 {} 来指定要导出的特定功能。