5つの console.log() テクニックで仕事効率アップ
- console.time()とconsole.timeEnd()を使用してコードの実行時間を測定する
デバッグ、コードの最適化に役立ちます。 console.time()でコードブロックの開始時にタイマーを開始し、console.timeEnd()でコードブロックの終了時にタイマーを停止して実行時間を表示できます。
ネイティブな日本語で言い換えると次のような感じ：
console.time(‘myFunction’);
myFunction()を実行する;
console.timeEnd(‘myFunction’);
- 「console.group()」と「console.groupEnd()」を使用してログ出力を整理する
関連情報が多い場合は、console.group()およびconsole.groupEnd()を使用してロググループを作成することで、ログを整理して見やすくできます。
例えば：
console.group(‘myGroup’);
console.log(‘Info 1’);
console.log(‘Info 2’);
console.groupEnd();
- console.assert()でアサーションテストを実施する
アサーションテストは、コード内の前提を検証するために使用される手法です。console.assert() を使ってアサーションテストを行い、アサーションが失敗した場合はエラーメッセージを出力します。
たとえば：
console.assert(1 === 2, ‘1は2に等しくない’);
- console.table()を使用してデータテーブルを出力します。
コンソールに配列やオブジェクトの表形式で出力する場合は、`console.table()` を使用できます。
例：
const data = [{名前: ‘John’, 年齢: 30}, {名前: ‘Jane’, 年齢: 25}];
console.table(データ);
- console.trace() を使用して関数の呼び出し履歴をトレースする：
関数がどのように呼ばれているのかを調べたい時にはconsole.trace()を使用して関数の呼び出し履歴を出力します。
その例の一つとして、
関数 myFunction() {
console.trace();
他のコードの関数が別にある
彼女の誕生日は来年の２月１４日です。
console.log()のテクニックを活用して、より効率的なデバッグとコードの最適化を行いましょう。
