iT邦幫忙

2024 iThome 鐵人賽

DAY 18
0

大家好,我是Karin。今天要來學習的內容是JavaScript中的Modules模組切割練習。

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


Modules模組切割練習:以物件型式引入

  • 在HTML中引入主程式檔案
<script type="module" src="main.js"></script>
  • 切割模組一-檔案名稱:main.js(主程式)
import lib from "./lib.js"; 
lib.echo("一個檔案");
lib.add(3,5);
  • 切割模組二-檔案名稱:lib.js
function echo(msg){
    console.log(msg);
}
function add(a,b){
    console.log(a+b);
}
export default {
    echo,add
}; 

結果顯示:
https://ithelp.ithome.com.tw/upload/images/20240918/20168967OjYS492E3H.png

今天有點精神不濟(˘・_・˘)明天繼續努力。


上一篇
Day 17 Modules 模組基礎
下一篇
DAY 19 Modules Export Import 模組的輸入輸出
系列文
每天都進步一點!從零開始的JavaScript 與基礎網路知識學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言