js中export default和export
时间: 2023-10-18 14:30:42 浏览: 88
export 与 export default 区别
export default和export是用于导出模块的关键字。
export default用于导出模块的默认值。一个模块只能有一个默认导出值,而且在导入时可以使用任意名称来引用它。例如,一个名为"moduleA"的模块可以这样导出默认值:
```javascript
// moduleA.js
const value = 'Hello';
export default value;
```
然后,在另一个文件中导入并使用默认值:
```javascript
// main.js
import myValue from './moduleA.js';
console.log(myValue); // 输出:Hello
```
export关键字用于导出模块中的具名变量、函数或类。可以导出多个值,并且在导入时需要使用相同的名称进行引用。例如,一个名为"moduleB"的模块可以这样导出多个值:
```javascript
// moduleB.js
export const name = 'John';
export function sayHello() {
console.log('Hello!');
}
```
然后,在另一个文件中导入并使用这些具名变量和函数:
```javascript
// main.js
import { name, sayHello } from './moduleB.js';
console.log(name); // 输出:John
sayHello(); // 输出:Hello!
```
总结起来,export default用于导出默认值,而export用于导出具名变量、函数或类。
阅读全文