# 【ES6】import / export

匯入的類型要看匯出的形式，所以我用匯入方式來說明

### 使用default 匯出

匯入就可以取任何名稱

```JavaScript
import fn from './func.js';
fn();
// 匯出檔案 func.js
// export default function (){
//   console.log("fn")
// }
```

### 具名匯入

匯入必須使用完整名稱，也可以匯入的時候給予別名

```JavaScript
import {fn2, fn3 as new_fn3, person} from './func.js';
fn2();
new_fn3();
export const person = {name:"sam",age:18}

// 匯出檔案 func.js
// export function fn2(){
//   console.log("fn2")
// }
// export function fn3(){
//   console.log("fn3")
// }

```

### 全部匯入

```JavaScript
import * as obj from './func.js';
obj.fn();
// 匯出檔案 func.js
// export function fn(){
//   console.log("fn")
// }
```

### 傳統lib匯入

ex.Jquery

```JavaScript
// import file
import './fn.js';

// module file
(function() {
  console.log('IIFE');
})();

```