---
# System prepended metadata

title: 核心篇第八堂：模組開發
tags: [JS 直播班 - 2022 秋季班]

---

---
tags: JS 直播班 - 2022 秋季班
---

# 核心篇第八堂：模組開發

核心篇難度
![](https://i.imgur.com/fTmNQ6J.png)

![](https://i.imgur.com/FoZNsKB.png)

![](https://i.imgur.com/a5pyMbO.png)



### 如何進行模組化

- 具名匯出：
    - 通常最為方法封裝使用
- 預設匯出：
    - 在框架中，通常作為元件使用
    - 每個檔案只能有一個
- 具名匯入
- 預設匯入
- sideEffect：不需 Export，可直接使用

### 模組化小知識

- 作用域變化
    - 不同 module 屬於獨立作用域
- await 獨立使用

### 模組化複習

- 將 Class 模組化
- 閉包模組化

### 哪邊可以看到模組化

- lodash
- Vue
- Webpack, Vite