大家好，我是Karin。今天要來學習的內容是JavaScript中的Modules模組輸入輸出。

學習內容來自：彭彭的教學影片
https://www.youtube.com/watch?v=-Zafi9IPJ30&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=31

Modules模組的輸入與輸出

預設的輸入輸出方法-使用default關鍵字

預設的輸入輸出方式中，變數名稱可以不相同。
範例：

• 檔案名稱：lib.js-輸出

let x=3;
export default x; //export default 資料

• 檔案名稱：main.js(主程式)-輸入

import y from "./lib.js"; //import 資料 from "模組檔案路徑"
console.log(y);

非預設的輸入輸出方法-使用{ }

非預設的輸入輸出方式中，變數名稱必須相同。
範例：

• 檔案名稱：lib.js-輸出

let obj={x:3,y:4};
let arr=[2,3,4];
export {obj,arr}; 

• 檔案名稱：main.js(主程式)-輸入

import {obj,arr} from "./lib.js"; 
console.log(obj,arr);

預設和非預設輸入輸出的整合

我們也可以將兩種輸入輸出方式整合。
範例：

• 檔案名稱：lib.js-輸出

let x=3;
let obj={x:3,y:4};
let arr=[2,3,4];
export {x as default,obj,arr}; 

• 檔案名稱：main.js(主程式)-輸入

import x,{obj,arr} from "./lib.js"; 
console.log(obj,arr);