Avascript-Tipps, die Sie kennen sollten

Geschrieben von Joab Chua

1. Console.log

• Fügen Sie Ihrem Konsolenprotokoll Farbe hinzu

Hören Sie damit auf! ❌

Versuchen Sie stattdessen Folgendes. ✅

Aber wenn Sie ein Array von Objekten haben, wäre es noch besser, dies auszuprobieren?

Wenn Sie messen möchten, wie schnell bestimmte Vorgänge in Ihrem Code ausgeführt werden, versuchen Sie Folgendes.

Führen Sie console.time und console.timeEnd aus, um die in der Browserkonsole benötigte Zeit zu messen.
Wenn Sie schließlich Ihren Code und seine Ausführungssequenz verfolgen möchten, versuchen Sie Folgendes.

Sie können unzählige Informationen sehen, die Sie zum Debuggen Ihrer Anwendung benötigen.

2. Objektdestrukturierung

Ist es Ihnen schon einmal passiert, dass Sie nur wenige Variablen im Objekt benötigen, Ihnen aber das vollständige Objekt übergeben wird und Sie es auf herkömmliche Weise verwenden?

Verwenden Sie wiederholt die Deklaration eines menschlichen Objekts in Ihrer Funktion? Tun Sie das nicht. Verwenden Sie stattdessen die ES6-Objektdestrukturierung. ✅

Destrukturieren Sie die Variablen, die Sie in den Funktionsargumenten verwenden müssen. Alternativ können Sie die Struktur auch innerhalb der Funktion selbst auflösen.

3. Vorlagenliteral

❌ Tun Sie dies nicht, wenn Sie versuchen, Ihre Variablen mit Zeichenfolgen zusammenzusetzen.

Tun Sie stattdessen dies. ✅

4. Spread-Operator

Angenommen, Sie haben zwei Objekte und möchten diese kombinieren oder einige der Eigenschaften eines Objekts einem anderen zuweisen. Traditionell machen wir das.

Daran ist technisch gesehen nichts auszusetzen, außer dass Sie tatsächlich Ihr Objekt mutieren. Versuchen Sie stattdessen Folgendes. ✅

Das Beste am Spread-Operator ist, dass er auch für Arrays funktioniert. ?
Stattdessen.

Tun Sie stattdessen Folgendes.

5. Schleifen

Haben Sie sich schuldig gemacht, eine For-Schleife auf diese Weise durchzuführen, um den Gesamtbetrag der Kosten in einem Array zu berechnen? Hören Sie damit auf. ❌

Beginnen Sie stattdessen damit, Ihren Stil dahingehend zu ändern.

Sauber und schlank. Arbeit erledigt! ✅

Zusammenfassung

Ich hoffe, dass diese wenigen Tipps Sie dabei unterstützen, besseren, saubereren und schlankeren Code zu schreiben.

Gesponsert von MarsCode
Willkommen in unserem Discord, um Ihre Ideen mit uns zu besprechen.

MarsCode Folgen

MarsCode bietet eine KI-gestützte IDE und eine KI-Erweiterung zur Unterstützung Ihrer Programmieraufgaben.

Das obige ist der detaillierte Inhalt vonAvascript-Tipps, die Sie kennen sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!