Empfehlungen

für das Coden

• /bilder/privat/katze.png
  öffnet im Ordner bilder den Ordner privat und das dort gespeicherte Bild katze.png
• ../../main.js öffnet die im Dateienbaum um 2 Hierachien weiter oben liegende Datei main.js
• Aussagekräftige Namen verwenden
• Keine Sonderzeichen und Leerzeichen in Namen verwenden
• Hauptwörter für die Namen von Klassen, Großbuchstaben für die Namen von KONSTANTEN, Kleinschreibung für Namen von variablen und objekten
• Unterscheide Text als Code oder Text als "wert"! Soll "3+4" ausgeschrigen werden oder soll 3+4 ausgerechnet und der Wert 7 ausgegeben werden? In JavaScript werden Texte unter Anführungszeichen gesetzt.
• Um vergessene Anführungszeichen oder Klammern zu vermeiden:
1. Klammer oder Anführungszeichen zuerst öffnen
2. UND sofort schließen
3. und dann dazwischen den Text oder Wert einfügen
   
   --- Das ist jedoch nur dann so zu handhaben, wenn der Editor, der zum Coden verwendet wird, nicht automatisch den Code vervollständigt! ---
• Eine klare Struktur des Codes sorgt auch optisch für eine Übersicht. Die Struktur soll durch Einrückungen sichtbar werden. Üblich sind 2 oder 4 Leerzeichen oder ein Tabulator pro Einrückung.
• Namensräume beachten
• möglichst keine öffentlichen Variablen verwenden
• Das Programm so im Code kommentieren, dass man auch Jahre später noch nachvollziehen kann was da wie passiert
  in JavaScript:
  
  // einzeiliger Kommentar
  
  /*
  mehrzeiliger
  Kommentar
  */
• Das Programm mit den dafür vorhergesehenen Daten testen.
• Das Programm mit den nicht dafür vorgesehenen Einflussnahmen testen.
• Bestimmen was ein Programm bei Auftreten eines Fehlers tun soll.
• Mögliche Fehler für Personen, die das Programm erstellen und die anderen, die es nutzen klar und untechnisch in einer Fehlermeldung beschreiben

Besonderheiten JavaScript

1. Als Werte können in JavaScript Zahlen, Buchstaben, Objektnamen und Funktionsnamen übergeben werden. Objektnamen und Funktionsnamen verweisen auf eine Referenz!
2. Es ist nicht klar definiert wann undefiniert, NULL, 0, … und um welchen Typ es sich gerade handelt. 
3. entweder aektschn() oder aektschn
• Funktionsname ohne Klammern zur Referenzierung.
• Funktionsname mit Klammern zum auszuführen.
4. Der Strichpunkt ; beendet eine Anweisung genauso wie ein Punkt einen Satz beendet - der Zeilenumbruch kann das auch aber nicht immer!
• [ wert_1, wert_2] ergibt einen eindimensionalen Array als Liste, wobei jeder Wert mittels Beistrich getrennt wird.
• { } Block auch Scope genannt, grenzt Gültigkeit von let – deklarierten Variablen
• { eigenschaft_1 : wert_1, eigenschaft_2 : wert_2, …} erzeugt ein Objekt Literal, sozusagen ein neues Objekt ohne Namen = annonym
5. Verhalten eines Namens festlegen
• nur der Name : global gültig
• var : nur innerhalb der Funktion gültig
• let : nur innerhalb des Scope gültig
• const : unveränderlich
6. Stammbaum des Namens verwenden
• ahne.eltern.kind
• window.document.button
7. this bezieht sich auf den in der Funktion aufgerufenen Namen.
8. Unterscheide: Literal – Wert – Name einer Variablen – Refernz

Drei Arten von Anführungszeichen in JavaScript:

• Das doppeltes " oder einfache ' Zollzeichen, das fälschlicherweise gerne als Anführungszeichen  „   “ bzw. ‚  ‘  verwendet wird und in Word automatisch korrekt umgewandelt wird. Das Problem ist, daß wenn so ein typografisch korrektes Anführungszeichen in den SourceCode von JavaScript kopiert wird – dann kann es sein, daß das NICHT funktioniert!
• Das ` Zeichen Backtick: Bei der deutschen Tastatur befindet sich das Backtick ` rechts von der ß Taste. Zusätzlich ist die SHIFT Taste zu drücken! UND Das Zeichen erscheint erst, wenn ein weiteres Zeichen geschrieben wird. Nur mit dem Backtick sind diese Schreibweisen möglich:
• Aus ("Ergebnis lautet " + variable + ".") wird  (`Ergebnis lautet ${variable}`.);
• Auswertungen sind auch möglich: (`Summe bar:  ${100+20}`);

sparsamer Speichergebrauch

Je weniger Elemente, desto weniger Speicher
-- > anonyme Klassen und Literale, weil die belegen da namenlos nur dann einen Speicherplatz, wenn diese verwendet werden.

Durchlaufschonende Abfragen verwenden

Wenn ich die Variable hoehe, laenge und breite anlege brauche ich einen Speicher für hoehe, laenge und breite.

Closurs können Variablen halten.

Vermeide Events die laufend abgefeuert werden, wie nach Drücken einer bestimmten Taste, scrollen, ...