JavaScript is een programmeertaal die alleen beschikbaar is in webbrowsers. De JavaScript-console is een opdrachtregelinterface in uw browser waarmee u codefragmenten kunt uitvoeren. Wanneer dat codefragment is ontworpen voor interactie met de webpagina die u momenteel bekijkt, kunnen er onverwachte resultaten optreden.

"PrintIn" zorgt ervoor dat de tekst wordt afgedrukt naar de console, terwijl u "console.log" kunt gebruiken om het te loggen en te gebruiken voor verschillende doeleinden, zoals het e-mailen als een bugrapport.

Als je een programmeur bent, weet je hoe belangrijk het is om scripttalen zoals JavaScript te gebruiken en te begrijpen. Er zijn echter momenten dat je verward bent over de functies ervan.

Net als de printIn en console.log functie. Om je te helpen het verschil en de toepassing van deze twee functies te begrijpen, zal ik uitleggen wat ze betekenen en hoe ze werken.

Laten we beginnen!

Wat is JavaScript?

Wat is JavaScript?

JavaScript is een scripttaal voor het maken van regelmatig bijgewerkt materiaal, het aansturen van multimedia, het animeren van afbeeldingen, en zo'n beetje alles.

De programmeertaal JavaScript heeft bepaalde standaard programmeermogelijkheden waarmee je dingen kunt doen als:

• Wanneer bepaalde gebeurtenissen zich voordoen op een webpagina, kunt u reageren op een lopende code.
• U kunt variabelen gebruiken om nuttige gegevens op te slaan.
• U kunt "strings" gebruiken, wat een tekstbewerking is in de programmering

De functionaliteit die bovenop de JavaScript-taal van de gebruiker wordt toegevoegd, is daarentegen nog interessanter. Application Programming Interfaces (API's) geven uw JavaScript-code extra functies.

Kortom, JavaScript heeft een heleboel functies waarmee u kunt controleren wat u codeert. Deze functies omvatten printIn en console.log.

Wat is PrintIn?

codering

PrintIn is een Java methode voor het weergeven van tekst op de console. Deze methode accepteert deze tekst als parameter in de vorm van een String. Deze aanpak drukt de tekst af naar de console terwijl de cursor aan het begin van de volgende regel blijft staan.

De volgende druk begint op de volgende regel Er zijn verschillende afdrukmethodes zoals:

Gebruik van verschillende methoden in printIn

Hoewel het veel methoden heeft die u kunt gebruiken bij het coderen van uw werk, kunt u een andere methode tegenkomen voor het weergeven van de tekst in de console. In de console zijn er twee methoden waarmee u uw werk kunt afdrukken, de eerste is printIn en de andere is print.

Opdat u niet in de war raakt tussen deze twee methoden van afdrukken, zullen we het verschil definiëren tussen de tweede methode van afdrukken, de afdruk.

Afdrukken is een Java-methode voor het weergeven van tekst op de console. Deze methode accepteert deze tekst als parameter in de vorm van een String. Deze aanpak drukt de tekst af naar de console terwijl de cursor aan het eind van de volgende regel blijft staan.

De volgende druk zal hier beginnen Er zijn verschillende afdrukmethodes zoals:

Gebruik van verschillende methoden in drukwerk

In het kort, het belangrijkste verschil tussen de twee is de plaatsing van de tekst die in de console wordt afgedrukt. PrintIn staat aan het begin van de volgende regel terwijl Print op het einde van de volgende regel.

Als u geïnteresseerd bent in Windows 10-pro en pro-n, bekijk dan mijn andere artikel.

Wat is Console.log?

Console.log

De console is een JavaScript-object dat u toegang geeft tot de debug-console van de browser.

De console.log is een JavaScript-functie die alle eerder gedefinieerde variabelen daarin afdrukt, evenals alle informatie die aan de gebruiker moet worden getoond.

De uitvoer wordt meestal gelogd (afgedrukt) naar de terminal. Elk type kan worden doorgegeven aan log(), inclusief strings, arrays, objecten en booleans.

De uitvoer van de methode console.log() is zichtbaar in de JavaScript-console, die toegankelijk is via de ontwikkelaarstool van de browser. Wat u uitvoert met console.log() is toegankelijk voor alle eindgebruikers, ongeacht hun groep of rol.

Laten we eens kijken hoe je het kunt gebruiken, en wat de uitvoer is na gebruik van deze functie.

Invoer en uitvoer met behulp van console.log

Wat is de methode Afdrukken naar console met Console.log in Javascript?

Het is de populairste en meest gebruikte console methode van JavaScript. Deze methode wordt vaak gebruikt om verschillende berichten of berekeningsresultaten af te drukken naar de console of zelfs tijdens het debuggen van code.

U hebt wat code geschreven die twee getallen optelt, en u wilt het resultaat van die operatie op de console zien; in dit geval kunt u de methode console.log() gebruiken.

 Document var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); 

Is Console.log synchroon of asynchroon?

Voordat ik met u bespreek of console.log synchroon of asynchroon is, zal ik eerst definiëren wat synchroon en asynchroon zijn.

Synchroon betekent dat het op hetzelfde moment gebeurt, terwijl asynchroon betekent dat het niet op hetzelfde moment gebeurt. Bij synchroon kunnen deelnemers/gebruikers dus onmiddellijk feedback krijgen. Bij asynchroon kun je in je eigen tijd leren.

Om te antwoorden, concole.log is asynchroon. Ik zal je laten zien waarom dat is, door voorbeelden te laten zien, met name het sorteren van een array van objecten op een efficiëntere manier. Laten we beginnen.

Stel je hebt de volgende objecten in je array:

matrixobjecten

U moet deze matrix sorteren op veldnaam, wat meestal als volgt gebeurt.

array-objecten sorteren

Om het op een efficiëntere manier te regelen, heb je zoiets als dit:

array-objecten sorteren (eenvoudige manier)

Daarvoor moet u de functie "Byfield" schrijven om de objecten in uw array door te geven en te sorteren naar Array.prototype.sort. Welnu, dit is niet de primaire focus van dit artikel, maar kijk naar onderstaand voorbeeld om het bovenstaande voorbeeld op een eenvoudige manier te voltooien.

gesorteerde matrixobjecten

U kunt in de bovenstaande tabel zien dat ik de array-objecten tweemaal sorteer, eerst op naam, daarna op leeftijd, en na elke sorteeroperatie voer ik console.log () uit. U hebt misschien ook opgemerkt dat console.log() dezelfde uitvoer herstelt voor elk soort resultaat, maar dat is niet het geval; laat me uitleggen waarom.

Ik heb de bovenstaande code in één keer uitgevoerd en vervolgens besloten om elke reactie van console.log () uit te breiden. Dit is belangrijk omdat console.log() asynchroon is.

In termen van Event Loop komen alle asynchrone functies aan in de Event Table. In dit geval, na het oproepen van console.log(), gaat het verder naar Event Table en wacht op een specifieke gebeurtenis.

Wanneer een gebeurtenis plaatsvindt, wordt console.log() naar Event Queue gestuurd, waar het wacht tot alle processen in deze Event Queue die al aanwezig waren toen je console.log plaatste, naar Call Stack zijn gestuurd.

Hoe de Javascript Console.log te openen?

In webbrowsers is de Console een van de verschillende Developer Tools. Om problemen met uw JavaScript-code op te lossen, kunt u de Console gebruiken. De Console is op veel plaatsen te vinden, afhankelijk van de browser.

In deze tutorial leer ik je waar je de Console in je Google Chrome browser kunt ontdekken.

Stappen voor het openen van het console-logboek in Chrome

Laten we eens kijken hoe we de Chrome console log kunnen openen.

1. Selecteer Inspectie in het pop-upmenu terwijl de Chrome-browser geopend is.
2. Het tabblad "Elements" van de Developer Tools wordt standaard geopend wanneer u Inspect uitvoert. Rechts van "Elements" klikt u op "Console".
3. U kunt nu de Console bekijken, evenals alle uitvoer die in het Console-logboek is opgenomen.

U kunt de Chrome Developer Tools ook openen met een aantal sneltoetsen. Afhankelijk van de versie van uw Chrome kunt u de volgende sneltoetsen gebruiken:

Voor Windows en Linux,

Sneltoetsen

Laatste gedachten

De grootste verschil tussen printIn en console.log is hun functie en de resultaat van de code PrintIn drukt de tekst af naar de console terwijl console.log alle variabelen met strings afdrukt die eerder zijn gecodeerd.

In principe kun je met deze functies van Javascript de variabelen en tekst afdrukken en weergeven op de console. In JavaScript kun je afdrukken met verschillende methoden.

De JavaScript console log methode is de meest gebruikte optie bij het debuggen. Om je code effectiever te debuggen moet je ze allemaal oefenen en leren hoe je ze correct gebruikt.

Programmeurs en ontwikkelaars gebruiken deze vaak om variabelen af te drukken die er vooraf in zijn gedefinieerd, evenals alle informatie die aan de gebruiker moet worden gepresenteerd.