Synchroniczne i asynchroniczne w JavaScript

JavaScript to język programowania oparty na skryptach, który jest wykonywany w przeglądarce internetowej, zapewniając użytkownikom interaktywne strony internetowe. JavaScript ma Dwa rodzaje wykonywania kodu. Jeden jest znany jako synchroniczny, A drugi jest asynchroniczny.

Programowanie synchroniczne odnosi się do wykonywania kodu w serii. Podczas asynchroniczny Wykonanie reprezentuje równoległe wykonanie kodu JavaScript.

Ten post zapewnia głęboki wgląd w synchroniczne i asynchroniczne terminy w JavaScript.

Co jest synchroniczne w JavaScript?

Domyślnie kod JavaScript jest wykonywany w sposób synchroniczny/serii. W synchroniczny sposób wykonywana jest tylko jeden wiersz kodu, a następnie kompilator przechodzi do następnego wiersza. Wykonuje jedną linię i czeka, aż pierwszy wiersz zostanie wykonany.

Przykład

Przykład programowania synchronicznego podano w następującym kodzie JavaScript.

Kod

// Przykład synchronicznej w JavaScript
const message = „JavaScript World”;
const fiting = 'kocham $ message';
konsola.dziennik (powitanie);

Opis powyższego kodu znajduje się tutaj:

• W pierwszym wierszu kodu ciąg „Świat JavaScript”Jest przechowywany w wiadomość zmienny.
• Potem Powitanie Zmienna jest wykorzystywana do przechowywania kompletnej wiadomości ”Uwielbiam świat JavaScript."
• Ostatecznie pełny ciąg jest wyświetlany za pomocą konsola.dziennik() metoda.

Wyjście

Wyjście pokazuje komunikat „Uwielbiam świat JavaScript”Metodą synchroniczną w JavaScript.

Co jest asynchroniczne w JavaScript?

Strategia asynchroniczna jest wykorzystywana w językach programowania, które jednocześnie wykonują wiele procesów/wierszy kodu. Strategia asynchroniczna jest bardzo pomocna, gdy wykonanie jest blokowane w nieskończoność. Funkcja asynchroniczna nie wpływa na reakcję ani wrażenia użytkownika.

Przykład

Przykład jest podany przez wykorzystanie asynchroniczny Strategia w JavaScript.

Kod

// Przykład asynchronicznego w JavaScript
funkcjaStart ()
konsola.Log („Witamy w JavaScript World”);

funkcja ()
konsola.Log („Czy jesteś gotowy do wykonania?');

Settimeout (start, 5000); // ustawiono 5000 milisekund
koniec();

Po pierwsze, początek() Metoda jest zdefiniowana, w której wyświetlany jest komunikat, „Witamy w JavaScript World". Potem koniec() Metoda jest wykorzystywana z komunikatem „Czy jesteś gotowy do wykonania?". Ostatecznie wyjście, które jest zwracane z początek() Metoda jest przekazywana do settimeout () metoda i przypisana 5000 milisekund.

Wyjście

Wyświetlacz zwraca asynchroniczne wyjście w JavaScript.

W tym kodzie najpierw napisz początek() metoda, ale wykonaj instrukcję koniec() Metoda i wyświetl wiadomość z pytaniem, „Czy jesteś gotowy do wykonania?". Następnie zatrzymaj wykonanie dla 5000 milisekund. Wreszcie początek() Metoda jest wykonywana i pokazuje wiadomość „Witamy w JavaScript World."

Wniosek

JavaScript zapewnia oba synchroniczny I asynchroniczny Rodzaje wykonania według potrzeb programistów. w synchroniczny Strategia, kod jest wykonywany w kolejności serii lub sekwencyjnej. Z drugiej strony użytkownicy mogą jednocześnie wykonywać wiele zadań, wykorzystując asynchroniczny strategia. Nauczyłeś się rozumieć i używać zarówno terminów synchronicznych, jak i asynchronicznych w JavaScript.