# ES6 Moudle

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

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

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

範例:

// 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;

// 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`