Beim Schreiben von Programmiercode haben verschiedene Entwickler unterschiedliche Meinungen. Aber es ist immer gut, sich darauf zu beziehen, und hier sind die 14 besten Tipps zum Schreiben von JS-Code aus der Javascript Toolbox , übersetzt von Sofish ( 1 , 2 ).
1. Verwenden Sie immer „var“
In JavaScript haben Variablen entweder einen globalen Gültigkeitsbereich oder einen Funktionsbereich, und die Verwendung des Schlüsselworts „var“ ist der Schlüssel dazu, Variablen prägnant und klar zu halten. Wenn Sie eine Variable deklarieren, die entweder global oder auf Funktionsebene ist, stellen Sie immer das Schlüsselwort „var“ voran. Das folgende Beispiel verdeutlicht die möglichen Probleme, wenn dies nicht geschieht.
Probleme, die durch die Nichtverwendung von Var verursacht werden
var i=0; // Das ist gut – erstellt eine globale Variable
Funktionstest() {
für (i=0; i<10; i++) {
alarm("Hallo Welt!");
}
}
prüfen();
alarm(i); // Die globale Variable i ist jetzt 10!
Da die Variable i in der Variablenfunktion nicht var verwendet, um sie zu einer Variablen auf Funktionsebene zu machen, bezieht sie sich in diesem Beispiel auf eine globale Variable. Es ist gängige Praxis, immer var zu verwenden, um globale Variablen zu deklarieren, aber es ist wichtig, var zu verwenden, um eine Funktionsbereichsvariable zu definieren. Die folgenden zwei Methoden sind funktional gleichwertig:
korrekte Funktion
Funktionstest() {
var i=0;
für (i=0; i<10; i++) {
alarm("Hallo Welt!");
}
}
korrekte Funktion
Funktionstest() {
for (var i=0; i<10; i++) {
alarm("Hallo Welt!");
}
}
2. Funktionserkennung statt Browsererkennung
Es wird Code geschrieben, um die Browserversion zu ermitteln und basierend auf dem Client, den der Benutzer verwendet, verschiedene Aktionen darauf auszuführen. Dies ist im Allgemeinen eine sehr schlechte Praxis. Ein besserer Ansatz ist die Verwendung der Funktionserkennung. Bevor Sie eine erweiterte Funktion verwenden, die ältere Browser möglicherweise nicht unterstützen, prüfen Sie zunächst, ob (der Browser) über diese Funktion oder Funktion verfügt, und verwenden Sie sie dann. Es ist besser, die Browserversion allein zu erkennen, auch wenn Sie deren Leistung kennen. Einen ausführlichen Artikel zu diesem Problem finden Sie unter http://www.jibbering.com/faq/faq_notes/not_browser_detect.html .
Beispiel:
if (document.getElementById) {
var element = document.getElementById('MyId');
}
anders {
warning('Ihr Browser verfügt nicht über die erforderlichen Funktionen zum Ausführen dieses Skripts!');
}
Quelle: Happy Favorites