Heim > Web-Frontend > js-Tutorial > Hauptteil

Die Rolle von console.log()

angryTom
Freigeben: 2019-07-20 14:46:04
Original
48745 Leute haben es durchsucht

Die Rolle von console.log()

Empfohlenes Tutorial: Javascript-Tutorial

console.log ()

Syntax: console.log("content");

Funktion: Den „Inhalt“ ausgeben In der Konsole handelt es sich um eine sehr häufig verwendete Funktion, um zukünftiges Debuggen zu erleichtern. (Für die Konsole drücken Sie F12 im Browser, um das zweite Element (Konsole) des Entwicklermodus zu öffnen, und Sie können auch sofortige Tests unter der Registerkarte „Konsole“ durchführen)

Die Rolle von console.log()

Vergleich mit der Methode „alert()“:

Wenn das Popup-Fenster „alert()“ erscheint, werden nachfolgende Skripte blockiert. Das heißt, wenn Sie eine Schleife mit einem relativ großen Wert erstellen müssen, wird diese nicht sofort ausgeführt. Sie müssen auf das Popup-Fenster klicken, bevor die Ausführung fortgesetzt wird.

Alert() konvertiert implizit alle Inhalte in den String-Typ (d. h. toString()), wodurch Inhalte ausgegeben werden, die der Entwickler nicht vorhersagen kann. Beispiel: Verwendung von Alert() zur Ausgabe des Objekttyps:

var a = {
    myNum:1,
    myArr:[1,2,3]
};
alert(a);
Nach dem Login kopieren

Sie hatten ursprünglich gehofft, den Inhalt des Schlüssel-Wert-Paares in Objekt a abzurufen, aber Alert() gibt nur [Objekt, Objekt] aus.

Zusammenfassend lässt sich sagen, dass während der Entwicklung im Allgemeinen die Methode console.log() zum Debuggen anstelle von Alert() verwendet wird.

Anwendungsfall:

console.log(parseInt(Math.random()*10));   //和alert一样该方法也可以运算
console.log(a);                            //前文中的对象a(得到的是键值对内容)
for(var i = 0; i < 6; i++){
    console.log(i);
}                                          //循环5次每次输出i的数值。在控制台会瞬间出现5个数,相比alert()要方便得多
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDie Rolle von console.log(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage