分類: 開發工具

JavaScript 格式化工具(輕量版)

站方自行規劃沒找到想要的工具?

為一小段 JavaScript 指令碼重新縮排並換行

貼上一小段 JavaScript 指令碼,即可依花括號、分號與逗號重新縮排並分成多行,同時不會更動字串、樣板字面值或正規表示式的內容。完全在你的瀏覽器中執行。

這是一個以大括號為依據的輕量重新縮排工具,並非像 Prettier 那樣以 AST 為基礎的格式化工具——使用前請務必檢查結果。

原始大小195壓縮後大小222
格式化結果
function greet(name) {
  // Say hello to someone
  var message="Hello, "+name+"!";
  if(message.length>0) {
    console.log(message);
  }else {
    console.log("empty");
  }
  return message;
}
console.log(greet("world"));

本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。

這個工具能做什麼

這是一個以大括號為依據的輕量格式化工具,並非完整剖析器,也不像 Prettier 那樣以 AST 為基礎:它足以辨識字串、樣板字面值、正規表示式與註解並保持其內容不變,接著依 `{`、`}`、`;` 以及頂層的 `,` 重新縮排並換行。它不理解自動分號插入規則,也不理解括號以外的語法,因此適合小型、簡單的程式碼片段,而非正式環境的原始檔案。

使用方式

  1. 在輸入框中貼上或輸入一段 JavaScript 程式碼。
  2. 選擇 2 個空格、4 個空格或定位字元縮排。
  3. 複製格式化後的結果,使用前請務必檢查一遍。

隱私說明

本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享,關閉分頁就隨之消失。

常見問題

我的程式碼會被上傳到某處嗎?
不會。格式化以 JavaScript 的形式在你的瀏覽器分頁中執行,不會傳送任何內容到伺服器。
我應該用它取代 Prettier 嗎?
不應該。正式環境的程式碼請使用 Prettier 這類真正以 AST 為基礎的格式化工具。這個工具適合不值得為其安裝建置工具的小型、快速程式碼片段。