このツールでできること
JavaScript 構文には、通常のリテラル、テンプレート文字列、クラス、構造化、セミコロンの自動挿入が含まれますが、;、{、} の後に単純な改行を続けることはできません。このページでは、文法解析と統一書式設定のために Prettier Babel および ESTree プラグインを使用します。
- const/let、アロー関数、async/await、テンプレート文字列、構造解除、オプションのチェーン、およびクラスをサポートします。
- eval、新しい関数、またはスクリプト インジェクションの呼び出しはありません。
- 構文エラーはパーサーによって報告され、コード パスは実行されません。
使い方
- JavaScript のソース コードを貼り付けます。
- インデントの幅を選択します。
- 「JavaScriptのフォーマット」をクリックします。
- 構文エラーを修正するか、結果をコピー/ダウンロードします。
主な用途
- 圧縮または文字化けしたコード スニペットをクリーンアップします。
- コードレビューの前に書式を統一します。
- 解析エラーのある不完全な式を見つけます。
JavaScript Formatterの機能
Prettier を使用した最新の JavaScript のフォーマット (クラス、オプションのチェーン、非同期/待機など)。日常的な開発、デバッグ、データの並べ替え、コードの最適化のシナリオに適しています。処理結果を直接閲覧、コピー、ダウンロードすることができます。
FAQ
入力したコードは実行されるのでしょうか？
いいえ。コードはパーサーに入り、テキスト出力を生成するだけであり、ページでは eval、新しい関数、または動的スクリプトは使用されません。
オプションのチェーンとテンプレート文字列はサポートされていますか?
サポートします。このページは、最新の JavaScript 用の Babel プラグインと ESTree プラグインをロードします。
整形後にセミコロンが追加されるのはなぜですか?
現在の出力ルールでは、一貫性を保つためにセミコロンが有効になっています。これは植字の選択であり、実行入力ではありません。