es6 模块化 怎么写
时间: 2023-08-25 17:06:19 浏览: 95
ES6模块化DEMO.zip
ES6 模块化的写法如下:
1. 导出模块
使用 `export` 关键字将需要导出的对象、函数或变量导出,例如:
```js
// app.js
export const name = '小明';
export function sayHello() {
console.log('Hello!');
}
```
2. 导入模块
使用 `import` 关键字将需要导入的模块进行引入,例如:
```js
// index.js
import { name, sayHello } from './app.js';
console.log(name); // 输出:小明
sayHello(); // 输出:Hello!
```
也可以使用 `*` 导入模块中的所有内容:
```js
// index.js
import * as app from './app.js';
console.log(app.name); // 输出:小明
app.sayHello(); // 输出:Hello!
```
需要注意的是,导入和导出语句必须写在模块的顶部。而且,如果导出的是一个对象或函数,可以使用 `default` 关键字来指定默认导出,例如:
```js
// app.js
export default {
name: '小明',
sayHello() {
console.log('Hello!');
}
}
```
```js
// index.js
import app from './app.js';
console.log(app.name); // 输出:小明
app.sayHello(); // 输出:Hello!
```
这样就可以通过 `default` 关键字默认导出一个对象,并在导入的时候省略花括号。
阅读全文