JavaScriptプログラムをデバッグするときは、特定のオブジェクトの詳細をダンプする必要がある場合があります。この作業は、JavaScriptコードを手動で作成することで実現できます。オブジェクトのプロパティをループし、ループされている各プロパティ値を印刷することです。このプロセスは非常に面倒であることがわかります。デバッグツールを備えたブラウザでは、この作業はConsole.dir()ステートメントを使用して簡単に実現できます。
console.dir()の使用
console.dir()の使用は非常にシンプルで、このステートメントにダンプする必要があるオブジェクトを渡すだけです。たとえば、次の例:
コードコピーは次のとおりです。
関数猫(名前、年齢、スコア){
this.name = name;
this.age = age;
this.score = score;
}
var c = new Cat( "Miao"、2、[6,8,7]);
console.dir(c);
Console.dir()を使用することにより、新しく作成されたCATオブジェクト情報がダンプされます。 FireBugコンソールでは、結果は次のとおりです。
ダンプする必要があるものがDOMオブジェクトである場合、console.dirxml()を使用すると、より良いディスプレイ効果が得られます。
ブラウザのサポート
console.dir()およびconsole.dirxml()は、デバッグツールを備えたブラウザでよくサポートされており、すべての主要なブラウザがこの機能をサポートしています。