ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の console.dir() 関数の概要

JavaScript の console.dir() 関数の概要

高洛峰
リリース: 2017-02-03 14:47:48
オリジナル
2101 人が閲覧しました

JavaScript プログラムをデバッグするとき、特定のオブジェクトの詳細をダンプする必要がある場合があります。この作業は、JavaScript コードを手動で記述することによって実行できます。オブジェクトのプロパティをループし、ループされた各プロパティ値を出力します。このプロセスは比較的面倒であることがわかります。デバッグ ツールを備えたブラウザでは、この作業は console.dir() ステートメントを通じて簡単に実行できます。

console.dir() の使用法

console.dir() の使い方は非常に簡単で、ダンプする必要があるオブジェクトをステートメントに直接渡すだけです。例えば、以下の例:

function cat(name, age, score){
    this.name = name;
    this.age = age;
    this.score = score;
}
var c = new cat("miao", 2, [6,8,7]);
console.dir(c);
ログイン後にコピー

console.dir()を使用して、新しく作成された猫オブジェクトの情報をダンプします。 Firebug コンソールでの表示結果は次のとおりです。

JavaScript の console.dir() 関数の概要

DOM オブジェクトをダンプする必要がある場合は、console.dirxml() を使用すると、より良い表示効果が得られます。

ブラウザのサポート

console.dir() と console.dirxml() は、デバッグ ツールを備えたブラウザでより適切にサポートされており、すべての主要なブラウザがこの機能をサポートしています。

JavaScript の console.dir() 関数に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート