Das Befolgen bewährter JavaScript-Methoden kann zu schnelleren Seitenladevorgängen und einer verbesserten Leistung sowie zu einer besseren Lesbarkeit des Codes und einer einfacheren Wartung und Fehlerbehebung führen. Sorgfältig geschriebener Code kann auch dazu beitragen, Fehler und Sicherheitsprobleme zu vermeiden.
01. Vermeiden Sie globale Variablen
- Minimieren Sie die Verwendung globaler Variablen.
- Dazu gehören alle Datentypen, Objekte und Funktionen.
- Globale Variablen und Funktionen können von anderen Skripten überschrieben werden.
- Verwenden Sie stattdessen lokale Variablen und lernen Sie, wie man Abschlüsse verwendet.
02. Lokale Variablen immer deklarieren
- Lokale Variablen sollten für alle in einer Funktion verwendeten Variablen deklariert werden.
- Wenn das Schlüsselwort var, let oder const bei der Deklaration eines lokalen Schlüsselworts nicht verwendet wird
Variable, die lokale Variable wird in eine globale Variable konvertiert.
03. Erklärungen oben
Alle Deklarationen sollten als gute Codierungspraxis am Anfang jedes Skripts oder jeder Funktion platziert werden.
Dies führt zu:
- Ein saubererer Code
- Geben Sie Benutzern einen einzigen Ort, an dem sie nach lokalen Variablen suchen können.
- Machen Sie es einfacher, unerwünschte (implizite) globale Variablen zu vermeiden.
- Reduzieren Sie die Wahrscheinlichkeit unerwünschter Neuanmeldungen.
4. Variablen initialisieren
Wenn Sie Variablen deklarieren, sollten Sie sie immer initialisieren.
Das wird:
- Saubereren Code bereitstellen
- Stellen Sie einen einzelnen Speicherort für die Variableninitialisierung bereit.
- Vermeiden Sie die Verwendung undefinierter Werte
05. Arrays mit const
deklarieren
Das Deklarieren von Arrays mit const verhindert versehentliche Typänderungen
06. Verwenden Sie kein neues Objekt()
- Anstelle von new String() verwenden Sie „“.
- Anstelle von new Number() verwenden Sie 0
- Anstatt new Boolean() zu verwenden, verwenden Sie false
- Anstelle von new Object() verwenden Sie {}
- Anstatt new Array() zu verwenden, verwenden Sie [].
- Anstatt new RegExp() zu verwenden, verwenden Sie /()/.
- Anstatt new Function() zu verwenden, verwenden Sie function(){}.
07. Vorsicht vor automatischen Typkonvertierungen
- JavaScript ist eine lose typisierte Sprache.
- Eine Variable kann jede Art von Daten enthalten.
- Der Datentyp einer Variablen kann geändert werden.
08. Verwenden Sie === Vergleich
- Vor dem Vergleich konvertiert der Vergleichsoperator == (in übereinstimmende Typen).
- Der ===-Operator erfordert einen Wert- und Typvergleich
09. Parameterstandards verwenden
- Wenn eine Funktion mit einem nicht angegebenen Argument aufgerufen wird, wird der Wert des nicht angegebenen Arguments auf undefiniert gesetzt.
- Undefinierte Werte können dazu führen, dass Ihr Code fehlschlägt. Das Zuweisen von Standardwerten zu Argumenten ist eine gute Vorgehensweise.
10. Beenden Sie Ihre Umstellungen mit Standardeinstellungen
Fügen Sie am Ende Ihrer Switch-Anweisungen immer einen Standardwert ein. Auch wenn Sie glauben, dass es unnötig ist.
11. Vermeiden Sie Zahlen, Zeichenfolgen und Boolesche Werte als Objekte
- Zahlen, Zeichenfolgen und Boolesche Werte sollten immer als primitive Werte und nicht als Objekte behandelt werden.
- Die Deklaration dieser Typen als Objekte verlangsamt die Ausführung und hat negative Nebenwirkungen
12. Vermeiden Sie die Verwendung von eval()
- Die Funktion eval() wird verwendet, um Text als Code auszuführen. In den meisten Fällen sollte es jedoch nicht notwendig sein, es zu verwenden.
- Es stellt auch ein Sicherheitsrisiko dar, da es die Ausführung beliebigen Codes ermöglicht.