1。console.log()とは何ですか?
ブラウザの非常に古いバージョンを除いて、ほとんどのブラウザにはデバッグ機能がない場合でも、プラグインをインストールすることで補完できます。たとえば、Firefoxの古いバージョンにはデバッグツールが付属していません。この場合、FireBugプラグインをインストールしてデバッグ機能を追加できます。デバッグ機能を備えたブラウザでは、デバッグツールのコンソールを参照して、コンソールという名前のメンバー変数がウィンドウオブジェクトに登録されます。コンソールオブジェクトのログ()関数を呼び出すことにより、コンソールに情報を印刷できます。たとえば、次のコードでは、コンソールに「サンプルログ」を印刷します。
コードコピーは次のとおりです。window.console.log( "サンプルログ");
上記のコードはウィンドウオブジェクトを無視し、次のように直接省略できます。
コードコピーは次のとおりです。Console.log( "サンプルログ");
console.log()は、任意の文字列、番号、およびjavaScriptオブジェクトを受け入れることができます。 alert()関数と同様に、console.log()もnewlines/nおよびtab文字/tを受け入れることができます。 console.log()ステートメントに印刷されたデバッグ情報は、ブラウザのデバッグコンソールで見ることができます。 Console.log()の動作は、この記事が異なるブラウザで異なる場合があります。
2。デバッグコンソールのないブラウザと互換性があります
デバッグコンソールを欠くブラウザの古いバージョンの場合、ウィンドウにコンソールオブジェクトが存在しないため、console.log()ステートメントを使用すると、ブラウザ内のエラー(nullポインターエラー)が発生し、最終的にいくつかの古いバージョンのブラウザークラッシュにつながる可能性があります。この問題を解決するために、コンソールオブジェクトを手動で定義し、コンソールオブジェクトのログ関数が空の関数であることを宣言できます。 :
次のようにコードをコピーします:if(!window.console){
window.console = {log:function(){}};
}
ただし、ほとんどの場合、この互換性の作業を行う必要はありません - console.log()などのデバッグコードを最終製品コードから削除する必要があります。
3.パラメーターを使用します
Alert()関数と同様に、Console.log()は変数を受け入れ、他の文字列でスプライスすることもできます。
次のようにコードをコピーします。//変数を使用します
var name = "bob";
console.log( "名前は:" + name);
alert()関数とは異なり、Console.log()は、文字列に渡すパラメーターとして変数を受け入れることもでき、その特定の構文はC言語のprintf構文と一致しています。
次のようにコードをコピーします。//パラメーターを使用します
var people = "alex";
var years = 42;
console.log( "%sは%d歳年齢です。"、人、年);
上記のコードの実行結果は、「アレックスは42歳です」です。
4.他のログレベルを使用します
Console.log()に加えて、FireBugは、デバッグ、情報、警告、エラーのさまざまなログレベルもサポートしています。次のコードでは、これらの異なるログレベルをコンソールに印刷します。
次のようにコードをコピーします。//異なるロギングレベルを使用します
console.log( "log level");
console.debug( "デバッグレベル");
console.info( "情報レベル");
console.warn( "Warn level");
console.error( "エラーレベル");
FireBugコンソールから、異なるログレベルでの印刷情報の色とアイコンが同時に異なることがわかります。