JavaScriptでコンソールにログを出力する方法とデバッグテクニック

console.log()を使用する方法: JavaScriptの組み込み関数であるconsole.log()を使って、コンソールにログを出力することができます。以下は基本的な使用例です。

console.log('ログメッセージ');

上記のコードでは、'ログメッセージ'というテキストがコンソールに表示されます。

変数やオブジェクトの値をログに表示する方法: 変数やオブジェクトの値をログに表示するには、console.log()内で変数やオブジェクトを参照します。以下は例です。

var value = 10;
console.log('値:', value);
var person = { name: 'John', age: 25 };
console.log('人:', person);

上記のコードでは、変数valueとオブジェクトpersonの値がログに表示されます。

ログにエラーメッセージを表示する方法: JavaScriptでは、エラーが発生した場合にエラーメッセージをログに表示することができます。以下は例です。

try {
 // エラーが発生するコード
} catch (error) {
 console.log('エラーメッセージ:', error.message);
}

上記のコードでは、try-catchブロック内でエラーが発生した場合、エラーメッセージがログに表示されます。

ログにスタイルを適用する方法: console.log()には、テキストにスタイルを適用するための特殊なフォーマット指定子も利用できます。以下は例です。

console.log('%cスタイルされたテキスト', 'color: blue; font-weight: bold;');

上記のコードでは、colorやfont-weightなどのスタイルを指定して、コンソールにスタイル付きのテキストが表示されます。