export default是什么意思
时间: 2023-07-14 21:07:48 浏览: 148
export 与 export default 区别
在JavaScript中,`export default` 是一种用于导出默认接口的语法。通过使用 `export default`,我们可以将一个模块中的主要功能、对象或变量作为默认导出,供其他模块使用。
默认导出的特点是:
- 一个模块只能有一个默认导出,用于表示该模块的主要功能或对象。
- 在导入时,可以使用任意名称来引用默认导出,而不需要使用具体的名称。
以下是一些使用 `export default` 的示例:
1. 导出默认函数:
```javascript
// 导出默认函数
export default function greeting(name) {
console.log(`Hello, ${name}!`);
}
```
2. 导出默认对象:
```javascript
// 导出默认对象
const person = {
name: 'John',
age: 25
};
export default person;
```
在其他模块中,可以使用 `import` 关键字来导入默认导出,并使用自定义的名称来引用它。例如:
```javascript
import myGreeting from './greetings';
import myPerson from './person';
myGreeting('Alice'); // 输出:Hello, Alice!
console.log(myPerson.name); // 输出:John
```
通过使用 `export default` 和 `import`,我们可以更加灵活地导出和导入模块的主要功能,并且能够在导入时使用自定义的名称来引用这些功能。
阅读全文