WebTech Wolf 16

• Funktionsdeklaration: function  Funktionsname (Parameter1, Parameter2, ...) {Funktionskörper}
• Parameter: Wenn die Parameter im Programmcode definiert werden.
• Argumente: Sind die konkreten Parameter-Werte
• mit return kann der Wert der Funktion an den Aufrufer zurückgegeben werden, sofern man weiter damit arbeiten muss

• Es spielt keine Rolle wo im Quelltext die Funktion steht.
• Grund: Funktionsdeklaration wird von der Laufzeitumgebung als Erstes interpretiret.
• Dieses Verhalten nennt sich Hoisting.

zu wenig:

• es gibt keinen Fehler
• der Parameter als "undefined" initialisiert

zuviele:

• diese werden als argument-Objekt quasi als Array angelegt
• man verwendet in der function arguments[ i ] oder arguments.length etc. (analog Array)

• let: ist nur im Block-Scope ersichtlich/gültig

• sofern die Anweisung nur aus einer Anweisung besteht:
  • Funktionskörper weglassen (ansonsten benötigt es ebenso die geschweiften Klammern)
  • return-Anweisung weglassen, ausser mehrere Anweisungen
• anonyme Funktionen: Ihr Name ist ein leerer String
• in einer Arrow-Funktion gibt es kein arguments-Objekt
• am wirkungsvollsten sind arrow-Funktionen ohne verschachteln

• es handelt sich um ein echtes Array
• ...myargs

• Deklarierte Funktionen werden nicht sofort ausgeführt. Sie werden "zur späteren Verwendung gespeichert" und später ausgeführt, wenn sie aufgerufen (aufgerufen) werden.
• Anweisungen im Funktionskörper werden mit Semikolon abgetrennt
• Nach dem Funktionskörper { } kommt kein komma oder Semikolon

• kann in einer Variablen gespeichert werden Bspw: var x = function (a, b) {return a * b};
• ist Teil einer ausführbaren Anweisung und endet mit einem Semikolon
• Nachdem ein Funktionsausdruck in einer Variablen gespeichert wurde, kann die Variable als FUnktion verwendet werden: 
  var x = function (a, b) {return a * b}; 
  var z = x(4, 3);
• dies hier ist quasi eine anonyme Funktion, da kein Name (dies ist möglich, weil function in variable gespeichert)

• Operator ()
• Der Zugriff auf eine Funktion ohne () gibt das Funktionsobjekt anstelle des Funktionsergebnisses zurück.

• erstellt ein neues Array mit den Ergebnissen des Aufrufs einer Funktion für jedes Array-Element.
• ruft die bereitgestellte Funktion einmal für jedes Element in einem Array der Reihe nach auf.
•  führt die Funktion nicht für Array-Elemente ohne Werte aus.
• Diese Methode ändert das ursprüngliche Array nicht.

Application Programming Interface (Schnittstellen)

--> JavaScript API sind Hauptbestandteil der Änderungen zu HTML5

Die Änderung erfolgt nur auf dem HTML-Dokument im Arbeitsspeicher. Die HTML-Datei auf dem Webserver bleibt unberührt. Dieser dynamische und lesende Zugriff auf das HTML-Dokument wird durch das Document Objekt Model (kurz: DOM) realisiert.

• console = objekt
• log() = Funktion/Methode
• Konsolen-Augabe ist v.a. für Entwickler gedacht

Nebst console.log gibt es folgende Funktionen:

• console.warn (" warn ( ): Text " ) ;
• console.info (" info ( ): Text " ) ;
• console.error (" warn ( ): Text " ) ;

Als Anweisung wird fast jede Zeile eines Skripts bezeichnet, die mit einem Semikolon beendet
wird. Anweisungen sind folglich auch das Deklarieren und Initialisieren von Variablen
oder Aufrufen von Funktionen.

• mit var oder let
• es muss kein Datentyp angegeben werden, js ermittelt den Typ dynamisch
• Unterschied Gross- und Kleinschreibung: var1 und Var1

• werden mit const definiert
• oft in Grossbuchstaben
• der Wert einer Konstanten kann nach der Initialisierung nicht mehr geändert werden

• number (es gibt keinen Unterschied zwischen Gleitkomme und Ganzzahl)
• string (einfache oder doppelte Anführungszeichen spielt keine Rolle)
  • Literal: Wert der hinter einem String oder einer Zahl steht
• boolean: true (alle Werte), false (leerer String, null, undefined...)
• undefined- und Null
• array
• object

• Weisen Sie einer Variablen den Wert null zu, löschen Sie den Inhalt (nicht die Variable selbst). Im Gegensatz zu
  undefined handelt es sich bei null um ein Schlüsselwort von JavaScript.

• Auflistung von Eigenschaften und Methoden
• wobei eine Methode eine Funktion und eine Eigenschaft ein Wert oder ein Satz von Werten eines Objekts ist
• Neben Browserobjekten und vordefinierten Objekten können Sie in JavaScript auch eigene Objekte erstellen werden

Achtung:

• Wenn einer Variable var 1 =  5 + "das ist ein String" zugewiesen wird, so wird die Variable ein String
• Achtung: Bei anderen Operatoren wie -, * oder /, konvertiert JavaScript die Zahlen nicht mehr in Strings, sondern versucht, die Strings in Zahlen zu konvertieren.

Diese Werte werden wie false behandelt:

• undefined
• null
• 0
• ""
• false
• NaN = Not a Number, daher false

Folgende Werte werden als truthy behandelt:

• Objekte (ohne Eigenschaften)
• Funktionen
• Arrays (mit der Länge 0)
• --> " " ist truthy