日期：2024年7月6日
作者：Commas
簽名：(? ?_?)? 積跬步以致千里,積小流以成江海……
注釋：如果您覺得有所幫助，幫忙點個贊，也可以關注我，我們一起成長；如果有不對的地方，還望各位大佬不吝賜教，謝謝^ - ^
1.01³⁶⁵ = 37.7834；0.99³⁶⁵ = 0.0255
1.02³⁶⁵ = 1377.4083；0.98³⁶⁵ = 0.0006

說在最前面：本文 vue3 的示例代碼，在沒有另外聲名的情況下，均采用 <script setup> 組合式代碼風格，風格統一，避免混亂，請各位新老食客放心食用哈 ^ _ ^

---

---

---

一、前言

在現代 JavaScript 開發中，模塊化已經成為一種不可或缺的實踐。它不僅提高了代碼的可維護性和可讀性，還促進了代碼的重用。JavaScript 提供了多種模塊化的解決方案，其中最常用的就是 ES6模塊系統。在這個系統中，我們可以通過不同的方式來暴露模塊內部的 變量 和 函數，以便在其他地方使用。今天，我們將深入探討JavaScript 中的三種文件暴露方式，并通過實例來理解它們的工作原理。

二、三種文件暴露方式

1、分別暴露（Multiple Exports）：細粒度的控制

首先，我們來了解 分別暴露 （Multiple Exports） 的概念。這種方式允許我們在模塊中定義多個export語句，每個語句對應一個需要暴露的變量或函數。這樣做的好處是，我們可以非常精確地選擇哪些成員對外可見。

讓我們看一個簡單的例子，假設我們有一個名為 math.js 的模塊，它包含了兩個數學函數：

// math.jsexport function add(a