export和import
时间: 2023-09-12 14:08:22 浏览: 104
`export` 和 `import` 是 ES6 中用于模块化开发的关键字。
`export` 用于将一个模块中的变量、函数或类等导出,使其可以在其他模块中使用。export 可以单独导出一个变量或函数,也可以使用 default 关键字导出一个默认的值。
例如:
```javascript
// 导出变量
export const PI = 3.14;
// 导出函数
export function add(a, b) {
return a + b;
}
// 导出类
export class Person {
constructor(name) {
this.name = name;
}
}
```
`import` 用于导入其他模块导出的变量、函数或类等。可以使用花括号 `{}` 导入单个变量或函数,也可以使用 `* as` 导入整个模块,也可以使用 default 关键字导入默认的值。
例如:
```javascript
// 导入变量
import { PI } from './math';
// 导入函数
import { add } from './math';
// 导入类
import { Person } from './person';
// 导入整个模块
import * as math from './math';
// 导入默认值
import myFunc from './myFunc';
```
注意,`import` 和 `export` 只能在模块的顶层使用,不能在函数或代码块中使用。另外,`import` 语句必须放在文件的顶部,不能放在其他语句之后。
阅读全文