HackMD
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中只能使用 const 不能使用 var 或者 let)
