1. Was ist console.log ()?
Mit Ausnahme einiger sehr alter Versionen von Browsern sind die meisten Browser heutzutage mit Debugging-Funktionen ausgestattet. Die alte Version von Firefox wird beispielsweise nicht mit Debugging-Tools geliefert. In einem Browser mit Debugging -Funktion wird eine Mitgliedsvariable mit dem Namen Console im Fensterobjekt registriert, wobei sich die Konsole im Debugging -Tool bezieht. Durch Aufrufen der Funktion log () des Konsolenobjekts können Sie Informationen in der Konsole drucken. Beispielsweise druckt der folgende Code "Beispielprotokoll" in der Konsole:
Die Codekopie lautet wie folgt: window.console.log ("Beispielprotokoll");
Der obige Code kann das Fensterobjekt ignorieren und direkt abgekürzt wie:
Die Codekopie lautet wie folgt: console.log ("Beispielprotokoll");
console.log () kann jegliches String-, Nummer- und JavaScript -Objekt akzeptieren. Ähnlich wie bei der Funktion alert () kann Console.log () auch Newlines/N- und Tab -Zeichen/t akzeptieren. Die in der Konsole.Log () -Erklärung gedruckten Debugging -Informationen finden Sie in der Debugging -Konsole des Browsers. Das Verhalten von console.log () kann in verschiedenen Browsern variieren.
2. Mit Browsern kompatibel, ohne die Konsole zu debuggen
Für alte Versionen von Browsern, denen die Debug -Konsole fehlt, existiert das Konsolenobjekt im Fenster nicht. Verwenden der Konsole.Log () -Anweisung direkt kann direkt Fehler im Browser (Null -Zeiger -Fehler) verursachen und schließlich zu einigen alten Versionen Browser -Absturz führen. Um dieses Problem zu lösen, können Sie das Konsolenobjekt manuell definieren und erklären, dass die Protokollfunktion des Konsolenobjekts eine leere Funktion ist. :
Kopieren Sie den Code wie folgt: if (! Window.console) {
window.console = {log: function () {}};
}
In den meisten Fällen besteht jedoch nicht erforderlich, diese Kompatibilitätsarbeit zu erledigen - Debugging -Code wie Console.log () sollte aus dem Endproduktcode entfernt werden.
3. Verwenden Sie Parameter
Ähnlich wie bei der Funktion alert () kann Console.log () auch Variablen akzeptieren und sie mit anderen Zeichenfolgen spleißen:
Kopieren Sie den Code wie folgt: // Variable verwenden
var name = "bob";
console.log ("Der Name ist:" + Name);
Im Gegensatz zur Funktion alert () kann Console.log () auch Variablen als Parameter akzeptieren, die in Zeichenfolgen übergeben werden, und seine spezifische Syntax stimmt mit der Printf -Syntax in C -Sprache überein:
Kopieren Sie den Code wie folgt: // Parameter verwenden
var people = "Alex";
var Jahre = 42;
console.log (" %s ist %d Jahre alt.", Menschen, Jahre);
Das Ausführungsergebnis des obigen Code ist: "Alex ist 42 Jahre alt."
4. Verwenden Sie andere Protokollebenen
Zusätzlich zu Console.log () unterstützt Firebug auch eine Vielzahl verschiedener Protokollebenen: Debug, Info, Warnung, Fehler. Der folgende Code druckt diese verschiedenen Protokollebenen in der Konsole aus:
Kopieren Sie den Code wie folgt: // Verwenden Sie eine unterschiedliche Protokollierungsstufe
console.log ("log Level");
console.debug ("Debug -Level");
console.info ("info Level");
console.warn ("Warn Level");
console.Error ("Fehlerebene");
Aus der Firebug -Konsole können Sie feststellen, dass die Farben und Symbole der Druckinformationen in verschiedenen Protokollebenen unterschiedlich sind.