Synchron und asynchron in JavaScript

JavaScript ist eine skriptbasierte Programmiersprache, die im Webbrowser ausgeführt wird, indem interaktive Webseiten den Benutzern bereitgestellt werden. JavaScript hat Zwei Arten der Codeausführung. Man ist bekannt als als synchron, und der zweite ist asynchron.

Synchrones Programmieren bezieht sich auf die Ausführung des Code in einer Serie. Während asynchron Die Ausführung stellt die parallele Ausführung des JavaScript -Codes dar.

Dieser Beitrag bietet einen tiefen Einblick in die synchronen und asynchronen Begriffe in JavaScript.

Was ist synchron in JavaScript?

Standardmäßig wird der JavaScript-Code synchron/serienähnlich ausgeführt. Auf synchrone Weise wird nur eine Codezeile ausgeführt, und dann geht der Compiler zur nächsten Zeile fort. Es führt eine Zeile aus und wartet, bis die erste Zeile ordnungsgemäß ausgeführt wird.

Beispiel

Ein Beispiel für die synchrone Programmierung ist im folgenden JavaScript -Code angegeben.

Code

// Ein Beispiel für Synchron in JavaScript
const message = 'javaScript World';
const greeting = 'Ich liebe $ message';
Konsole.Protokoll (Gruß);

Die Beschreibung des obigen Codes wird hier bereitgestellt:

• In der ersten Codezeile der Zeichenfolge “JavaScript World”Wird in der gespeichert Nachricht Variable.
• Danach die Gruß Variable wird verwendet, um eine vollständige Nachricht zu speichern. “Ich liebe JavaScript World.”
• Am Ende wird die vollständige Zeichenfolge mit dem angezeigt Konsole.Protokoll() Methode.

Ausgang

Die Ausgabe zeigt die Nachricht “Ich liebe JavaScript World”Nach der synchronen Methode in JavaScript.

Was ist asynchron in JavaScript??

Die asynchrone Strategie wird in Programmiersprachen verwendet, die mehrere Prozesse/Codezeilen gleichzeitig ausführen. Die asynchrone Strategie ist sehr hilfreich, wenn die Ausführung auf unbestimmte Zeit blockiert wird. Die asynchrone Funktionalität wirkt sich nicht auf die Reaktionsfähigkeit oder die Benutzererfahrung aus.

Beispiel

Ein Beispiel wird durch die Verwendung des asynchron Strategie in JavaScript.

Code

// Ein Beispiel für Asynchron in JavaScript
functionStart ()
Konsole.log ('Willkommen bei JavaScript World');

Funktionend ()
Konsole.Protokoll ('Sind Sie bereit für die Ausführung?');

setTimeout (Start, 5000); // 5000 Millisekunden sind eingestellt
Ende();

Erstens a Start() Die Methode wird definiert, in der eine Nachricht angezeigt wird, “Willkommen in JavaScript World”. Danach die Ende() Die Methode wird mit der Nachricht verwendet “Sind Sie bereit für die Ausführung?”. Am Ende wird die Ausgabe, die von der zurückgegeben wird Start() Methode wird an die übergeben setTimeout () Methode und zugewiesen 5000 Millisekunden.

Ausgang

Die Anzeige gibt die asynchrone Ausgabe in JavaScript zurück.

Schreiben Sie in diesem Code zunächst die Start() Methode, aber die Aussage des Ende() Methode und Zeigen Sie eine Nachricht an, die gefragt wird, „Sind Sie bereit für die Ausführung?”. Danach die Ausführung für eine Pause für 5000 Millisekunden. Endlich, das Start() Die Methode wird ausgeführt und zeigt die Nachricht an „Willkommen in JavaScript World.”

Abschluss

JavaScript bietet beides synchron Und asynchron Arten der Ausführung nach Entwicklerbedürfnissen. Im synchron Strategie, der Code wird in einer Serie oder einer sequentiellen Reihenfolge ausgeführt. Auf der anderen Seite können Benutzer mehrere Aufgaben gleichzeitig mit der Verwendung des asynchron Strategie. Sie haben gelernt, sowohl synchrone als auch asynchrone Begriffe in JavaScript zu verstehen und zu verwenden.