Welche Anti-Patterns gibt es für JavaScript?

Question

Ich finde, dass es schwieriger zu lernen ist, was man nicht tun sollte, als was man tun sollte.

Meiner Erfahrung nach unterscheidet sich ein Experte von einem Fortgeschrittenen durch die Fähigkeit, zwischen verschiedenen, scheinbar gleichwertigen Möglichkeiten, dieselbe Sache zu tun, zu wählen.

Also, wenn es um JavaScript geht welche Dinge Sie nicht tun sollten und warum ?

Ich kann viele davon für Java finden, aber da der typische Kontext von JavaScript (in einem Browser) ganz anders ist als der von Java, bin ich gespannt, was dabei herauskommt.

Answer 1

Jede Verwendung von "mit

with (document.forms["mainForm"].elements) {
input1.value = "Schrott";
input2.value = "Schrott"; }

Answer 2

Jede Bezugnahme auf

document.all

in Ihrem Code, es sei denn, es ist in einem speziellen Code, nur für IE, um einen IE-Bug zu überwinden. ( Husten document.getElementById() Husten )

Answer 3

Schlechte Verwendung der Klammerpositionierung bei der Erstellung von Anweisungen

Sie sollten immer eine geschweifte Klammer nach der Anweisung setzen, da das Semikolon automatisch eingefügt wird.

Zum Beispiel dies:

function()
{
    return
    {
        price: 10
    }
}

unterscheidet sich stark davon:

function(){
    return{
        price: 10
    }
}

Denn im ersten Beispiel fügt Javascript ein Semikolon für Sie ein und lässt Sie mit diesem zurück:

function()
{
    return;    // oh dear!
    {
        price: 10
    }
}

---

Verwendung von setInterval für potenziell lang laufende Aufgaben.

Sie sollten setTimeout anstelle von setInterval verwenden, wenn Sie etwas wiederholt tun müssen.

Wenn Sie setInterval verwenden, aber die Funktion, die im Timer ausgeführt wird, nicht beendet ist, wenn der Timer das nächste Mal tickt, ist das schlecht. Verwenden Sie stattdessen das folgende Muster mit setTimeout

function doThisManyTimes(){
    alert("It's happening again!");
}

(function repeat(){
    doThisManyTimes();
    setTimeout(repeat, 500);
})();

Dies wird sehr gut erklärt durch Paul Irisch auf seinem 10 Dinge, die ich aus der jQuery-Quelle gelernt habe Video

Answer 4

Keine Verwendung eines gemeinschaftsbasierten Frameworks für sich wiederholende Aufgaben wie DOM-Manipulation, Ereignisbehandlung usw.

Answer 5

Eine wirksame Zwischenspeicherung wird nur selten vorgenommen:

• Speichern Sie keine Kopie der Bibliothek (jQuery, Prototype, Dojo) auf Ihrem Server, wenn Sie eine gemeinsam genutzte API verwenden können wie Googles Bibliotheken-API um das Laden von Seiten zu beschleunigen
• Kombinieren und Minifizieren alle Ihre Skripte, die Sie können, in einem
• Utilisez mod_expires allen Skripten eine unendliche Cache-Lebensdauer zu geben (kein erneuter Download)
• Versionieren Sie Ihre Javascript-Dateinamen, so dass eine neue Aktualisierung von den Clients übernommen wird, ohne dass sie neu geladen/gestartet werden müssen (z. B. myFile_r231.js, oder myFile.js?r=231)