---
# System prepended metadata

title: ES6 Moudle
tags: [Javascript, ES Moudle, ES6]

---


# ES6 Moudle

使用ES6 Moudle時需在script加上 type="moudle"

``` javascript=1
<script type="module" src="js/index.js"/>
```

主要有export 和 import 構成使用
- export 用於匯出
- import 用於匯入

範例:
``` javascript=1
// Tools.js
const Add = (a, b) => {
  return a + b;
};

export const Name = "Mark";
export const Age = "12";
export const Remove = (a, b) => {
  return a - b;
};
export default Add;

```

``` javascript=1
// main.js
    <script type="Module">
      import Add,{Name,Age,Remove} from "./js/Tools.js";
      console.log(Add(3, 2));
      console.log(Name);
      console.log(Age);
      console.log(Remove(6,2))
    </script>
```

要注意的是每支檔案中都只會有一個export default, 但可以export出其他的自行定義的變數(ES Moudle中只能使用  <font color=#FF6600>const</font> 不能使用 <font color=#FF6600>var</font> 或者 <font color=#FF6600>let</font>)
#
###### tags: `Javascript`,`ES Moudle`,`ES6`