Unterprogramm JavaScript

Im zweiten Beispiel ist "function ..." eine Anweisung, die die Funktion
quarter definiert. Das ist IMHO der normale Weg, eine Funktion zu
definieren.

Im ersten Beispiel ist "function ..." ein Ausdruck, der als Ergebnis
eine anonyme Funktion liefert. Diese Funktion wird der Variable
quarter zugeweisen. Auf diese Variable bezieht sich auch das
Schlüsselwort var. Sie entspricht in etwa einem Funktionszeiger in C.

Anonyme Funktionen werden normalerweise nicht einer Variablen
zugeweisen, sondern bspw. als Funktionsargument an andere Funktionen
übergeben, die die anonyme Funktion ihrerseits als Callback aufrufen.
Solche anonymen Funktion werden in anderen Programmiersprachen auch als
Lambda-Ausdrücke oder – zusammen mit einem damit verknüpften
Ausführungskontext – als Closure bezeichnet (falls dir einer dieser
Begriffe vielleicht schon geläufig ist).

In beiden Fällen kann die Funktion mit "quarter(x)" aufgerufen werden.

Im zweiten Beispiel kann die Funktion schon vor ihrer Definition
aufgerufen werden, da Funktionsdefinitionen "hoisted", also automatisch
im Quellcode nach oben geschoben werden.

Im ersten Beispiel hingegen ist die Variable f vor ihrer Zuweisung
undefined.

Christian M. schrieb:
> Was wird mit "var" deklariert? Die Variable "number"? Eher. Der Name
> "quarter"? Wohl kaum!

Die Funktion selbst. Funktionen sind in JavaScript First Class Citizens, 
können also genau wie Zahlenwerte oder Zeichenketten Variablen 
zugewiesen und anderen Funktionen als Argument übergeben werden. Das ist 
etwas gewöhnungsbedürftig, aber bei Javascript recht wichtig. Auch, weil 
man damit nett asynchron programmieren kann.

Noch ein Unterschied ist, das diese Function definitions nur in 
Funktionen oder Global auftreten dürfen. Soetwas währe beispielsweise 
falsch:

1

if(1){

2

  function quarter(number){

3

    return number / 4;

4

  }

5

}

Ich empfehle am Anfang aller JS Dateien "use strict"; hinzuschreiben, 
damit soetws einen Fehler produziert.

Funktion expressions können hingegen überal stehen, wo sonstige 
Expressions stehen. Diese werden auch gerne für Callback funktionen 
verwendet:

1

function doSomethingWheneverYouFeelLikeIt(callback){ // <- Function definition

2

  var args = Array.prototype.slice.call(arguments,1);

3

  setTimeout(function(){ // <- Function expression

4

    alert(callback.apply(null,args));

5

  },Math.random()*1000*60);

6

}

7

8

doSomethingWheneverYouFeelLikeIt(function quarter(number){ // <- function expression

9

  return number / 4;

10

},20);

Ab JavaScript version ES6 (ECMAScript 2015) gibt es viele 
Verbesserungen, wie den spread operator, rest arguments und arrow 
functions:

1

function doSomethingWheneverYouFeelLikeIt( callback, ...args ){ // ...args are restarguments

2

  setTimeout(

3

    () => alert(callback(...args)), // <- arrow function, ...args is spread operator

4

    Math.random() * 1000 * 60

5

  );

6

}

7

8

doSomethingWheneverYouFeelLikeIt( x=>x/4, 20 ); // x=>x/4 is a arrow function