.ES6的模块导出使用
时间: 2024-05-16 13:15:47 浏览: 90
详解node和ES6的模块导出与导入
在ES6中,我们可以使用`export`关键字将一个模块中的内容导出,这些导出可以是函数、类、变量或常量等,例如:
```
// 导出一个变量
export const name = 'John';
// 导出一个函数
export function sayHello() {
console.log('Hello!');
}
// 导出一个类
export class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHi() {
console.log(`Hi, I'm ${this.name} and I'm ${this.age} years old.`);
}
}
```
我们也可以使用`export default`关键字将一个默认导出导出,例如:
```
// 导出一个默认函数
export default function() {
console.log('Hello!');
}
// 导出一个默认类
export default class {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHi() {
console.log(`Hi, I'm ${this.name} and I'm ${this.age} years old.`);
}
}
```
在另一个模块中,我们可以使用`import`关键字导入这些模块,例如:
```
// 导入一个变量
import { name } from './module.js';
// 导入一个函数
import { sayHello } from './module.js';
// 导入一个类
import { Person } from './module.js';
// 导入一个默认导出
import myFunc from './module.js';
// 导入一个默认类
import MyClass from './module.js';
```
阅读全文