export default和export function
时间: 2023-09-22 09:10:54 浏览: 87
export default 和 export function 是 JavaScript 中用于导出模块的两种不同的方式。
1. export default:
- export default 用于导出模块的默认值。
- 一个模块只能有一个默认导出值。
- 导入时,可以使用任意名称来接收默认导出的值。
- 语法示例:
```
// 模块A.js
const defaultValue = 'Hello';
export default defaultValue;
// 导入模块A.js
import anyName from './A.js';
console.log(anyName); // 输出 'Hello'
```
2. export function:
- export function 用于导出具名函数。
- 可以导出多个具名函数或其他变量。
- 导入时,需要使用相应的名称来接收导出的函数或变量。
- 语法示例:
```
// 模块B.js
export function greet(name) {
console.log(`Hello, ${name}!`);
}
// 导入模块B.js
import { greet } from './B.js';
greet('John'); // 输出 'Hello, John!'
```
总结:export default 用于导出模块的默认值,而 export function 用于导出具名函数或其他变量。
阅读全文