--- title: Funktion erster Klasse slug: Glossary/First-class_Function translation_of: Glossary/First-class_Function original_slug: Glossary/Funktion_erster-Klasse --- <p>Funktionen, die wie jede andere Variable behandelt werden, bezeichnet man als <strong>Funktionen erster Klasse</strong>.</p> <p>In einer Programmiersprache, die über <strong>Funktionen erster Klasse</strong> verfügt, kann so eine Funktion als Argument anderen Funktionen übergeben werden, als Wert einer Variable zugewiesen, oder von einer anderen Funktion zurückgegeben werden.</p> <h2 id="Beispiel_Zuweisung_einer_Funktion_an_eine_Variable">Beispiel | Zuweisung einer Funktion an eine Variable</h2> <h3 id="JavaScript">JavaScript</h3> <pre class="brush: js">const foo = function() { console.log("foobar"); } // Aufruf der Funktion über die Variable. foo(); </pre> <p>Wir weisen der Variable '<em>foo</em>' eine <code>anonyme Funktion</code>, die den String "<em>foobar</em>" in der Konsole ausgibt, zu. Dann rufen wir diese Funktion über die Variable auf, indem wir ein Paar Klammern an das Ende hinzufügen. </p> <div class="note"> <p><strong>Auch wenn die Funktion benannt ist, </strong>kann der Name der Variable, der sie zugewiesen ist, benutzt werden, um die Funktion aufzurufen. Funktionen zu benennen <em>wirkt sich nicht auf die Weise, wie sie aufgerufen wird aus</em>, kann aber beim Debuggen hilfreich sein</p> </div> <h2 id="Beispiel_Übergeben_einer_Funktion_als_Argument">Beispiel | Übergeben einer Funktion als Argument</h2> <h3 id="JavaScript_2">JavaScript</h3> <pre class="brush: js">function sagHallo() { return "Hallo, "; } function gruessen(gruss, name) { console.log(gruss() + name); } // Übergebe `sagHallo` als Argument an die `gruessen` Funktion. gruessen(sagHallo, "JavaScript!"); </pre> <p>Wir übergeben unsere <code>sagHallo()</code> Funktion als ein Argument an die <code>gruessen() </code>Funktion. Auf diese Art behandeln wir die Funktion als <code>Wert</code>.</p> <div class="note"> <p>Die Funktion, die wir als Argument einer anderen Funktion übergeben wird als <strong><a href="/en-US/docs/Glossary/Callback_function">Callback function</a> </strong>bezeichnet. sagHallo() ist eine <em>Callback function.</em></p> </div> <h2 id="Example_Return_a_function">Example | Return a function</h2> <h3 id="JavaScript_3">JavaScript</h3> <pre class="brush: js">function sayHello() { return function() { console.log("Hello!"); } } </pre> <p>In this example; We need to return a function from another function - <em>We can return a function because we treated function in JavaScript as </em><em>a </em><em><code>value</code></em><em>.</em></p> <div class="note"> <p>A function that returns a function called <strong>Higher-Order Function</strong></p> </div> <p>Back to our example; Now, we need to invoke <code>sayHello</code> function and its returned <code>Anonymous Function</code>. To do so, we have two ways:</p> <h3 id="1-_Using_a_variable">1- Using a variable</h3> <pre class="brush: js">const sayHello = function() { return function() { console.log("Hello!"); } } const myFunc = sayHello(); myFunc(); </pre> <p>This way, it returns the <code>Hello!</code> message.</p> <div class="note"> <p>You have to use another variable. If you invoked <code>sayHello</code> directly, it would return the function itself <strong>without invoking its returned function</strong>.</p> </div> <h3 id="2-_Using_double_parentheses">2- Using double parentheses</h3> <pre class="brush: js">function sayHello() { return function() { console.log("Hello!"); } } sayHello()(); </pre> <p>We are using double parentheses <code>()()</code> to invoke the returned function as well.</p> <h2 id="Learn_more">Learn more</h2> <h3 id="General_knowledge">General knowledge</h3> <ul> <li>{{Interwiki("wikipedia", "First-class_function", "First-class functions")}} on Wikipedia</li> </ul>