JavaScript 檔案編碼宣告與中文註解亂碼徹底解決

問題背景

獨立 .js 檔案若包含中文註解，直接在瀏覽器開啟或引入頁面時，若編碼不一致會顯示亂碼。CSS 可用 @charset "utf-8" 宣告，但 JS 標準無對應機制。

核心原則

• 檔案實際編碼必須為 UTF-8（無 BOM 最佳）。
• HTTP 回應標頭 需包含 Content-Type: application/javascript; charset=utf-8。
• HTML 引入標籤 應加上 charset 屬性：<script src="a.js" charset="utf-8"></script>。

編輯器設定指南

常見誤區

• 使用 Windows 記事本儲存：預設為 ANSI/UTF-16 LE，極易產生 BOM 或編碼錯誤，強烈不建議。
• 以為 // @charset "utf-8" 註解生效：JS 引擎會忽略此行，無任何作用。
• 僅靠 <meta charset="utf-8">：僅影響 HTML 文件本身，不影響外部 JS 載入編碼。

驗證步驟

1. 用十六進位編輯器開啟 .js，確認中文字元對應 UTF-8 多位元組序列（如「測」= E6 B8 AC）。
2. 瀏覽器開發者工具 → Network → 檢視 Content-Type 標頭是否含 charset=utf-8。
3. Console 執行 console.log("測試") 確認輸出正常。