### 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