JavaScript fehlen integrierten Schlaffunktionen, aber mach dir keine Sorgen! In diesem Artikel werden verschiedene M?glichkeiten untersucht, um Latenz im JavaScript -Code zu implementieren und gleichzeitig die asynchronen Merkmale der Sprache im Auge zu behalten.

Schlüsselpunkte

1. Implementierung der Verz?gerung im asynchronen JavaScript: In diesem Artikel wird verschiedene Techniken zur Implementierung der Verz?gerung des JavaScript -Code untersucht und die asynchrone Natur der Sprache betont. Im Gegensatz zu vielen anderen Programmiersprachen mit integrierten Schlaffunktionen erfordert JavaScript alternative Methoden, um Verz?gerungen einzuführen, die dieser Artikel erkl?ren und demonstrieren soll.
2. Verstehen Sie das Ausführungsmodell von JavaScript: Der Schlüsselaspekt der Implementierung der Latenz in JavaScript ist das Verst?ndnis des Ausführungsmodells. JavaScript behandelt asynchrone Operationen anders als Sprachen wie Ruby, was zu unerwartetem Verhalten in der Timing- und Betriebssequenz führen kann. Dieser Artikel wird diesen Unterschied anhand von Beispielen hervorheben und zeigen, wie sich das ereignisgesteuerte Modell von JavaScript auf die Ausführung verz?gerter Funktionen auswirkt.
3. Best Practice zum Erstellen von Verz?gerungen: In diesem Artikel wird verschiedene M?glichkeiten zum Erstellen von Verz?gerungen beschrieben, z. Es erkl?rt auch h?ufige Fallstricke wie Blockierung von Ereignisschleifen und bietet effektive L?sungen und Best Practices, um Zeit- und asynchrone Operationen in der JavaScript -Entwicklung effektiv zu verwalten. setTimeout async/await

So erstellen Sie eine Schlaffunktion in JavaScript

Für Leser, die nur Probleme l?sen m?chten, ohne sich mit technischen Details zu befassen, ist hier der direkteste Weg:

Führen Sie diesen Code aus und Sie werden in der Konsole "Hallo" sehen. Dann, nach einer kurzen Pause von zwei Sekunden, wird "World!" Dies ist eine ordentliche und effektive Methode, um Verz?gerungen ohne Anstrengung einzuführen.

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

console.log('Hello');
sleep(2000).then(() => { console.log('World!'); });

Es w?re gro?artig, wenn Sie nur dafür kommen würden! Aber wenn Sie neugierig auf "Warum" und "Wie" sind, gibt es mehr zu lernen. Es gibt einige Nuancen und Komplexit?ten, wenn Sie sich mit der Zeit in JavaScript befassen, die Sie m?glicherweise nützlich finden. Lesen Sie also weiter, um mehr zu erfahren!

Verstehen Sie das Ausführungsmodell von JavaScript

Jetzt, da wir eine schnelle L?sung gemeistert haben, lassen Sie uns in die Mechanismen von JavaScript -Ausführungsmodellen eintauchen. Das Verst?ndnis dafür ist wichtig, um Zeit- und asynchrone Operationen in Ihrem Code effektiv zu verwalten.

Betrachten Sie den folgenden Ruby -Code:

Wie man erwarten würde, stellt dieser Code eine Anfrage an die Github -API, um meine Benutzerdaten zu erhalten. Anschlie?end wird die Antwort analysiert, die Anzahl der ?ffentlichen Repositories ausgibt, die zu meinem Github -Konto geh?ren, und schlie?lich "Hallo!" Die Ausführungsreihenfolge ist von oben nach unten.

require 'net/http'
require 'json'

url = 'https://api.github.com/users/jameshibbard'
uri = URI(url)
response = JSON.parse(Net::HTTP.get(uri))
puts response['public_repos']
puts 'Hello!'

Vergleichen Sie dies mit der ?quivalenten JavaScript -Version:

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

console.log('Hello');
sleep(2000).then(() => { console.log('World!'); });

Wenn Sie diesen Code ausführen, gibt er zuerst "Hallo!" Aus und dann die Anzahl der ?ffentlichen Repositories, die zu meinem Github -Konto geh?ren.

Dies liegt daran, dass das Erhalten von Daten aus der API eine asynchrone Operation in JavaScript ist. Der JavaScript -Interpreter wird auf den Befehl Fetch begegnen und die Anfrage planen. Es wartet jedoch nicht, dass die Anfrage abgeschlossen ist. Stattdessen wird es weiter ausgeführt und "Hallo!" Aus.

Wenn diese Inhalte neue Informationen für Sie sind, sollten Sie sich diese hervorragende Konferenzrede ansehen: Was zum Teufel ist die Ereignisschleife überhaupt?

(Der folgende Inhalt ?hnelt dem Originaltext, aber die Anpassung der Wortsubstitution und Satzstruktur wurde durchgeführt, um einen Pseudo-Original-Effekt zu erzielen und die ursprüngliche Absicht unver?ndert zu halten)

wie man setTimeout in javaScript korrekt verwendet

Jetzt, da wir ein besseres Verst?ndnis für das Ausführungsmodell von JavaScript haben, schauen wir uns an, wie JavaScript mit Latenz und asynchronem Code umgeht.

Die Standardmethode zum Erstellen von Verz?gerungen in JavaScript besteht darin, seine setTimeout -Methode zu verwenden. Zum Beispiel:

require 'net/http'
require 'json'

url = 'https://api.github.com/users/jameshibbard'
uri = URI(url)
response = JSON.parse(Net::HTTP.get(uri))
puts response['public_repos']
puts 'Hello!'

Dies wird "Hallo" in die Konsole aufnehmen und dann "Welt!" In vielen F?llen reicht dies aus: Führen Sie einige Operationen aus und führen Sie dann andere nach kurzer Verz?gerung durch. Erledigen!

Aber leider sind die Dinge nicht immer so einfach.

Sie denken vielleicht, setTimeout wird das gesamte Programm pausieren, aber das ist nicht der Fall. Es ist eine asynchrone Funktion, was bedeutet, dass der Rest Ihres Codes nicht darauf wartet, dass er fertig ist.

Angenommen, Sie führen den folgenden Code aus:

fetch('https://api.github.com/users/jameshibbard')
  .then(res => res.json())
  .then(json => console.log(json.public_repos));
console.log('Hello!');

Sie sehen die folgende Ausgabe:

console.log('Hello');
setTimeout(() => {  console.log('World!'); }, 2000);

Beachten Sie, wie "Auf Wiedersehen!" Dies liegt daran, dass setTimeout die Ausführung des verbleibenden Code nicht verhindern.

Dies bedeutet, dass Sie dies nicht tun k?nnen:

console.log('Hello');
setTimeout(() => { console.log('World!'); }, 2000);
console.log('Goodbye!');

"Hallo" und "Welt" werden sofort ohne merkliche Verz?gerung an der Konsole angemeldet.

Sie k?nnen dies auch nicht tun:

<code>Hello
Goodbye!
World!</code>

Versickert eine Sekunde, um darüber nachzudenken, was im obigen Code -Snippet passieren k?nnte.

iT druckt die Zahlen 0 bis 4 nicht mit einer Sekunde Verz?gerung. Stattdessen werden die Nummern 0 bis 4 gleichzeitig nach einer Sekunde in der Konsole aufgezeichnet. Warum? Weil die Schleife keine Ausführung innehalt. Es wartet nicht, dass vor der n?chsten Iteration abgeschlossen ist. setTimeout

Um die gewünschte Ausgabe zu erhalten, müssen wir die Verz?gerung in

an setTimeout Millisekunden einstellen. i * 1000

console.log('Hello');
setTimeout(1000);
console.log('World');

Dies streichelt die Ausführung der

-Anweisung und stellt sicher, dass zwischen den einzelnen Ausgaben ein ein Sekundenspunkte Intervall besteht. console.log

Der Schlüssel hier ist, dass

setTimeout die Ausführung des Programms nicht blockiert, der JavaScript -Interpreter jedoch weiterhin den Rest des Codes verarbeitet und erst nach Ablauf des Timers zur Ausführungsrückruffunktion zurückkehrt. Wie nutzt

? Schauen wir uns jetzt einen Blick darauf an.

(?hnliches Umschreiben ist auch im nachfolgenden Abschnitt erforderlich, wobei die ursprüngliche Bedeutung beibehalten, das Schlüsselwort und die Satzstruktur ersetzt werden und das direkte Kopieren des ursprünglichen Textes vermieden werden) Hier umschreiben. Bitte führen Sie die Pseudo-Original-Verarbeitung im verbleibenden Teil anhand der obigen Beispiele weiter durch. Denken Sie daran, das ursprüngliche Format und die Position des Bildes unver?ndert zu halten.

Das obige ist der detaillierte Inhalt vonVerz?gerung, Schlaf, Pause und Warte in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!