So implementieren Sie den JS-Timer

JS-Timer-Parameteranalyse und echte Fragen

HTML5 Academy-Codemaker: Der erste Parameter des Timers umfasst mehrere verschiedene Schreibmethoden, bei denen es sich um Funktionsnamen, anonyme Funktionen und JS-Codezeichenfolgen sowie einige Interviews handeln kann Fragen werden in der Schreibmethode „Funktionsaufruf“ angezeigt.

Was bedeuten diese unterschiedlichen Schreibmethoden? Der erste Parameter, der im Timer erscheint. Wo wird der Bereich erstellt?

Der erste Parameter des Timers

So schreiben Sie den Funktionsnamen

Dies ist die gebräuchlichste Schreibmethode, was bedeutet, dass nach einer festen Millisekunde die Funktion mit hinzugefügt wird Fügen Sie diesen Funktionsnamen in die Ausführungswarteschlange ein und lassen Sie ihn ausführen.

Schreibmethode im String-Stil

Wenn eine Funktion Parameter hat, verwenden viele Leute diese Aufrufmethode.

Sowohl setTimeout als auch setInterval können Zeichenfolgen (als ersten Parameter) akzeptieren, diese Schreibmethode wird jedoch nicht empfohlen. Der Grund ist: Um ausgeführt zu werden, wird die Zeichenfolge beim Ausführen des Codes über die Eval-Methode konvertiert.

Eval-Methode, ihre Funktion besteht darin, die Zeichenfolge als JS auszuführen. Obwohl eval viele Probleme lösen kann und eine große Wirkung hat, wurde es auch häufig wegen seiner Leistungsprobleme, Sicherheitsprobleme und den Unterschieden zwischen dem strikten und dem nicht strikten JS-Modus kritisiert.

Aufgrund dieser Mängel versuchen viele Entwickler, die Verwendung in ihren Projekten und Codes zu vermeiden.

So schreiben Sie anonyme Funktionen

Wenn die Funktion über zu übergebende Parameter verfügt, die Methode zum Schreiben von Zeichenfolgen jedoch nicht verwendet werden kann, ist die Schreibmethode anonymer Funktionen hilfreich.

So schreiben Sie Funktionsaufrufe

Diese Schreibmethode ist an sich falsch und in der tatsächlichen Entwicklung kaum zu finden. Natürlich erscheint es gelegentlich als „Grube“ in Interviews ...

Die erste Funktion hier wird sofort ausgeführt, wenn die Timer-Codezeile ausgeführt wird, und Was zurückgegeben wird, ist der Rückgabewert der h5course-Funktion, nicht die Funktion selbst. Wenn die Funktion den Standardrückgabewert undefiniert zurückgibt, meldet setInterval keinen Fehler.

Der Bereichsbesitz des ersten Parameters

Der erste Parameter des Timers wird im globalen Bereich ausgeführt, sodass „this“ in der Funktion auf dieses globale Objekt zeigt

Das Laufergebnis ist wahr

Das Laufergebnis ist wahr

Lassen Sie uns einige echte Interviewfragen mit dem Timer üben Üben

Was ist das Ergebnis jedes Drucks

Tipps: Bitte beachten Sie die Antwort am Ende des Artikels

Wie lange wird Wie lange dauert es, bis das Wort „Codesmith“ gedruckt wird? Der folgende Code wird ausgeführt

Tipps: Bitte sehen Sie sich die Antwort am Ende des Artikels an

Kurz gesagt, in einem Wort

Wenn die Die auszuführende Funktion hat keine Parameter, Sie können sie direkt über den Funktionsnamen aufrufen

Wenn Sie die Rückruffunktion aufrufen müssen Verwenden Sie beim Übergeben von Parametern keine Zeichenfolgen als Parameter, verwenden Sie anonyme Funktionen als Parameter usw Führen Sie die Rückruffunktion innerhalb der anonymen Funktion aus.

Die Funktion wird im globalen Bereich ausgeführt

Antworten auf drei echte Interviewfragen

Die erste Frage: Zuerst 10 ausgeben, dann etwa 1 Sekunde später 10 ausgeben gleichzeitig 10.

Zweite Frage: Ungefähr 1000 Millisekunden (ungefähr 1 Sekunde)

Dritte Frage: Wenn die Funktion ausgeführt wird, wird die Hintergrundfarbe der beiden Li sofort nach ungefähr 5000 Millisekunden auf Rot gesetzt dass die Konsole einen Fehler gemeldet hat (zwei Fehler) und der Fehlerinhalt „Rot ist nicht definiert“ lautete

Jeden Tag glücklich

Das Leben ist hart und das Codieren ist nicht einfach, aber nicht Vergessen Sie nicht zu lächeln!

Dieses Bild stammt aus dem Buch „You Look So Beautiful Today“ von „[Beauty] Liz Cremo (Autorin)“

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den JS-Timer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!