JavaScript での console.log のデバッグに関するヒントの共有

日常の開発では、現在のオブジェクトの値を表示するためにコンソールが必要になることがよくあります。もちろん、デバッガーを使用すると、より包括的なビューが提供されますが、私のようにコンソールのみを使用したい人も常にいます。次の記事では主に、JavaScript デバッグにおける console.log のデバッグに関するちょっとしたコツを紹介します。必要な方は一緒に見てみましょう。

はじめに

JavaScript プログラムをデバッグするには、alert() と比較して、console.log() を使用する方が良い方法です。その理由は次のとおりです。 code> 関数は JavaScript プログラムの実行をブロックし、副作用を引き起こします。確認するには console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；

alert弹出框需要点击确认比较麻烦，而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑。

最重要的是alert只能输出字符串，不能输出对象里面的结构，console.log()可以接受任何字符串、数字和JavaScript对象，可以看到清楚的对象属性结构，在ajax返回json数组对象时调试很方便。

//兼容Firefox/IE/Opera使用console.log
if(!window.console){
window.console = {log : function(){}};
}
window.console = window.console || {}; 
console.log || (console.log = opera.postError);

下面分享两张打印出来的信息图片：

上面简单的介绍了console.log调试，下面本文将给大家分享一个JavaScript中console.log

アラート ポップアップ ボックスをクリックする必要がありますが、これは面倒です。console.log() のみです。関連情報がコンソールに表示されるため、同様の懸念が生じることはありません。 最も重要なことは、アラートは文字列のみを出力でき、オブジェクト内の構造は出力できないということです。console.log() は任意の文字列、数値、JavaScript オブジェクトを受け入れることができ、オブジェクトを確認できるということです。明らかに属性構造。ajax が json 配列オブジェクトを返す場合、デバッグは非常に便利です。

var obj = {
 name: '小傻子',
 age: 12
}
console.log(obj)
obj.name = '大傻子'

以下の 2 つの印刷された情報画像を共有してください:

上記では、console.log のデバッグについて簡単に紹介しました。次の記事では、JavaScript で console.log をデバッグするためのヒントをいくつか紹介します。詳細な導入を見てみましょう:

console は正しい値を出力します

このコード部分を直接見てみましょう

{name: "大傻子", age: 12}

明らかに、4 行目に console を追加しました。値を確認したいのです。 obj が 4 行目にある場合。

しかし、結果は期待どおりではなく、出力されます

var obj = {
 name: '小傻子',
 age: 12
}
console.log(obj.name)
obj.name = '大傻子'

その理由は、objは参照変数であり、コンソールの背後での操作はコンソールの内容にも影響を与えるためです。

このコード部分を見てみましょう

console.log(JSON.parse(JSON.stringify(obj)))

この時点で出力される結果は、予想通りの小さな愚か者です

解決策

🎜🎜🎜 obj のすべての属性を出力することはできません。それは現実的には不可能だからです。 obj を出力したいのですが、現在の位置で結果を取得します。私自身の解決策を以下に投稿します 🎜🎜🎜🎜rrreee🎜 JSON を介したディープコピーは、私が知っている最も簡単で最も効果的な方法です 🎜🎜🎜🎜 概要 🎜🎜 🎜

以上がJavaScript での console.log のデバッグに関するヒントの共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。