開発者向けユーティリティ

JavaScript整形

JavaScriptをアップロードも実行もせずに整形、安全寄りに圧縮、解析します。文字列、入れ子のテンプレート、正規表現、コメント、自動セミコロン挿入に影響する改行を保持します。

入力

JavaScriptを貼り付け

JavaScript入力

インデントコメントを残す空行を残す

構文チェック

ソースサイズ

行数

トークン数

関数数

出力

構文ヒント

コード概要

#	種類	名前	行	シグネチャ

例

構文	例	整形時の動作
ブロック	`if (ready) { run(); }`	波括弧でインデントされたブロックを作ります。
関数	`function sum(a, b) {}`	引数をまとめ、関数本体を展開します。
アロー関数	`items.map(x => x.id)`	アロー演算子の前後を読みやすくします。
テンプレートリテラル	`Hello ${name}`	入れ子のテンプレート内容を保護トークンとして保持します。
正規表現	`/^[a-z]+$/i`	正規表現本体、エスケープ、文字クラスを保持します。
コメント	`// note`	コメントは保持または削除を選べます。shebang行は常に保持します。

ASIを守る改行処理return、break、continue、後置演算子、セミコロンなし文の意味が変わらないよう元の改行を保持します。

保護される構文文字列、Unicode識別子、入れ子テンプレート、正規表現、コメント、shebangを空白変更前にトークン化します。

実行しません通常スクリプトはFunctionで構文だけをコンパイル確認する場合がありますが、関数を呼び出したり貼り付けたプログラムを実行したりしません。

実用的な整形ツールプロジェクト対応パーサー、Prettier、ESLint、実運用bundlerの代わりではありません。公開前に出力を確認してください。

コードはアップロードされますか？

いいえ。整形、トークン化、統計、チェックは現在のブラウザータブ内で実行されます。

貼り付けたJavaScriptを実行しますか？

いいえ。通常スクリプトをエラー検出のためコンパイルする場合がありますが、生成した関数やプログラムは実行しません。

ESモジュールと現代構文に対応しますか？

import/export、クラス、オプショナルチェーン、Unicode識別子、正規表現、入れ子テンプレートを保持します。非実行のモジュール解析APIがないためモジュールは構造確認です。

圧縮結果に改行が残るのはなぜですか？

一部の改行は自動セミコロン挿入に影響します。改行を保つことでセミコロンなしコードの意味を守ります。