Teilen Sie Tipps zum Debuggen von console.log in JavaScript

In der täglichen Entwicklung wird häufig eine Konsole benötigt, um den Wert des aktuellen Objekts anzuzeigen. Natürlich bietet die Verwendung des Debuggers eine umfassendere Sicht, aber es gibt immer Leute, die nur die Konsole verwenden möchten, wie zum Beispiel ich. Der folgende Artikel zeigt Ihnen hauptsächlich einen kleinen Trick zum Debuggen von console.log im JavaScript-Debugging.

Vorwort

Für das Debuggen von JavaScript-Programmen ist die Verwendung von console.log() im Vergleich zu warning() eine bessere Möglichkeit. Der Grund dafür ist dass: die alert()-Funktion die Ausführung des JavaScript-Programms blockiert, was zu Nebenwirkungen führt; das

Warnungs-Popup-Fenster muss zur Bestätigung angeklickt werden, was problematisch ist, und console.log() Gibt nur die relevanten Informationen in den Konsoleninformationen aus, sodass ähnliche Bedenken nicht geäußert werden.

Das Wichtigste ist, dass Alert nur Zeichenfolgen ausgeben kann, nicht die Struktur innerhalb des Objekts. console.log() kann beliebige Zeichenfolgen, Zahlen und JavaScript-Objekte akzeptieren, und Sie können die klare Objektattributstruktur sehen Debuggen ist praktisch, wenn Ajax ein JSON-Array-Objekt zurückgibt.

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

Teilen Sie unten zwei gedruckte Informationsbilder:

Die obige kurze Einführung console.log Debuggen, dieser Artikel wird Ihnen einen kleinen Trick zum console.log Debuggen in JavaScript zeigen. Schauen wir uns ohne weitere Umschweife die detaillierte Einführung an:

console out Der richtige Wert

Schauen wir uns diesen Code direkt an

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

Offensichtlich habe ich ihn in der vierten Zeile hinzugefügt. Der Zweck der Verwendung Die Konsole dient dazu, den Wert von obj in der vierten Zeile zu überprüfen.

Aber das Ergebnis ist nicht wie erwartet, es wird ausgedruckt

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

Der Grund dafür ist, dass obj eine Referenzvariable ist und der Betrieb hinter der Konsole Es wirkt sich auch auf den Inhalt der Konsole aus.

Werfen wir einen Blick auf diesen Codeabschnitt

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

Das zu diesem Zeitpunkt gedruckte Ergebnis ist der erwartete kleine Dummkopf

Lösung

Es ist für uns unmöglich, alle Attribute von obj zu drucken, weil es unrealistisch ist. Wir möchten immer noch obj drucken, erhalten aber das Ergebnis an der aktuellen Position. Ich werde unten meine eigene Lösung veröffentlichen.

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

Ich kenne die Deep-Copy-Methode über JSON. Die einfachste und effektivste Methode

Zusammenfassung

Das obige ist der detaillierte Inhalt vonTeilen Sie Tipps zum Debuggen von console.log in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!