Nehmen Sie einige kleine Leistungsverbesserungen für JavaScript vor!
Dieser Artikel listet 24 Vorschläge auf, um Ihren Codierungsprozess einfacher und effizienter zu gestalten. Vielleicht sind Sie noch ein JavaScript-Anfänger und haben gerade Ihre eigene „Hello World“ geschrieben. Es gibt hier viele Tipps, die für Ihre Arbeit sehr nützlich sein werden, also versuchen Sie es mit einem kurzen Blick Finde sie. Etwas Neues!
Hinweis: In diesem Artikel wird das Konsolenobjekt von Firebug häufig verwendet. Weitere Informationen finden Sie unter Firebug Console API . Für eine detailliertere Einführung in Firebug klicken Sie bitte hier .
1. Verwenden Sie === anstelle von ==. In JavaScript gibt es zwei verschiedene Gleichheitsoperatoren: ===|!== und ==|!=. Ersteres ist im Vergleich eher empfehlenswert. Bitte versuchen Sie, Ersteres zu verwenden.
„Wenn die beiden Vergleichsobjekte denselben Typ und Wert haben, gibt === true und !== false zurück.“
– JavaScript: Die guten Teile
Wenn Sie jedoch == und != verwenden, können beim Betrieb verschiedener Datentypen unerwartete Probleme auftreten. JavaScript wird versuchen, sie in Zeichenfolgen, Zahlen oder boolesche Größen umzuwandeln, bevor ein Gleichheitsurteil gefällt wird.
2. Vermeiden Sie die Verwendung der Eval-Funktion
Die Eval-Funktion nimmt einen String als Parameter, führt den String als JavaScript-Anweisung aus und gibt das Ergebnis (Referenz) zurück.
Diese Funktion verringert nicht nur die Ausführungseffizienz Ihres Skripts, sondern erhöht auch das Sicherheitsrisiko erheblich, da sie dem Parameter, der ein Text ist, zu viel Macht verleiht. Benutze es nicht!
3. Verwenden Sie kein schnelles Schreiben
Technisch gesehen können Sie die meisten geschweiften Klammern und abschließenden Semikolons weglassen und die meisten Browser führen die folgende Anweisung korrekt aus:
.if(someVariableExists)
x = falsch
Was aber, wenn dies der Fall ist:
.if(someVariableExists)
x = falsch
anotherFunctionCall();
Man könnte es sich als Äquivalent zu der folgenden Aussage vorstellen:
if(someVariableExists) {
x = falsch;
anotherFunctionCall();
}
Leider ist dies nicht der Fall. Die Realität ist, dass es gleichbedeutend ist mit:
Wie Sie feststellen werden, kann keine ausgefallene Einkerbung eine ausgefallene Zahnspange ersetzen. Bitte schreiben Sie in jedem Fall klare geschweifte Klammern und abschließende Semikolons. Es kann gelegentlich weggelassen werden, wenn nur eine Zeile vorhanden ist, obwohl davon dringend abgeraten wird:
if(2 + 2 === 4) return 'gut gemacht';
Denken Sie mehr über die Zukunft nach. Angenommen, Sie müssen im zukünftigen Entwicklungsprozess weitere Befehle zu dieser if-Anweisung hinzufügen? Müssen Sie dann keine Klammern hinzufügen?
if(someVariableExists) {
x = falsch;
}
anotherFunctionCall();