【JavaScript ECMAScript】debugger文の使い方
debugger文の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
debuggerステートメントは、JavaScriptのプログラム実行を一時的に停止させ、利用可能なデバッグ機能を起動する働きを実行するステートメントです。これは、開発者がコードの特定の地点でプログラムの動作を詳細に検査し、問題の原因を特定するために用いられます。
ソースコードの任意の場所に「debugger;」と記述することで利用でき、特別な引数や設定は必要ありません。このステートメントが実行されると、ブラウザの開発者ツールやNode.jsのデバッガといったデバッグ環境がアクティブな場合に限り、プログラムの実行がその場所で一時停止します。
実行が一時停止した後、開発者はデバッガの機能を利用して、コードを一行ずつステップ実行したり、変数の現在の値を確認したり、関数呼び出しの履歴（コールスタック）を調べたりすることができます。これにより、プログラムが意図した通りに動作しているか、あるいは予期せぬエラーが発生していないかなどを効率的に検証することが可能になります。
一方、デバッグ環境が起動していない場合、debuggerステートメントはほとんど機能せず、プログラムの実行はそのまま継続されます。そのため、このステートメントは主に開発段階でのみ使用し、本番環境にデプロイする際には、意図しない中断やパフォーマンスへの影響を避けるため、必ずコードから削除するか、無効化することが強く推奨されます。
公式リファレンス: debugger
構文(syntax)
1debugger;
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません