es6 export 和 export default
时间: 2024-08-13 08:02:01 浏览: 51
浅谈es6中export和export default的作用及区别
在ES6(ECMAScript 6)中,`export`关键字用于导出模块中的变量、函数或整个模块。它有两种基本形式:
1. **Export Named** (按名称导出):当你需要明确指定导出的具体内容时,可以使用`export`后跟变量名或函数名。例如:
```javascript
// 导出一个变量
export const myVariable = 'Hello, ES6!';
// 导出一个函数
export function greet(name) {
return `Hi, ${name}!`;
}
```
2. **Export Default** (默认导出):在一个模块中,你可以选择一个默认的值作为其他模块导入这个模块时的入口点。这通常通过`export default`声明来实现:
```javascript
// 导出一个默认值
export default class MyClass {
constructor(message) {
this.message = message;
}
sayHello() {
console.log(this.message);
}
}
```
这样,当外部模块需要使用此模块的内容时,只需要导入`MyClass`,无需显式指定导出的对象。
阅读全文