### 1.第一种
`common.js`
~~~
export var a =10;
~~~
`index.js`
~~~
import {a} from "./common"
~~~
### 2.第二种
`common.js`
~~~
var a =10;
var b = 20;
export {
a,
b
}
~~~
`index.js`
~~~
import {a,b} from "./common"
~~~
### 3.第三种引
`common.js`
~~~
var a =10;
var b = 20;
export default{
a,
b
}
~~~
> 一个模块只能有一个export default
`index.js`
~~~
import common from "./common"
console.log(common.a);
console.log(common.b);
~~~
## 4.第四种
common.js
```
function getData(){
console.log("data")
}
var a= 10;
export {
getData,
a
}
```
index.js
```
import {a,getData as get} from './common.js';
```
- 将es6转为es5
- 第一节 webpack
- 第二章 基础语法
- 第1节 模块化
- 第2节set和map语法
- 2.1 set
- 第3节 变量
- 第4节 循环of
- 第5节 function
- 第6节 解构赋值
- 1.在对象在函数中的解构
- 第7节 字符串
- 第8节 面向对象
- 8-1 static静态属性,静态方法
- 第9节 JSON对象
- 9-1 Object.keys()
- 第10节 Promise
- 10.1 原理
- 10.2 回调地狱
- 第11节 generator
- 第一节 基本
- 第二节 generator-ajax
- 第12节 yield
- 第13节 asnyc
- 13.1
- 13.2 ajax
- 第14节 array
- 第15节 string方法拓展
- 第三章 webpack的简单配置
- 第四章 高级语法
- 第1节 promise
- a.实例
- b.promise
- 第2节 await,async