diff options
Diffstat (limited to 'files/de/glossary/first-class_function/index.html')
-rw-r--r-- | files/de/glossary/first-class_function/index.html | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/files/de/glossary/first-class_function/index.html b/files/de/glossary/first-class_function/index.html new file mode 100644 index 0000000000..05ac712188 --- /dev/null +++ b/files/de/glossary/first-class_function/index.html @@ -0,0 +1,101 @@ +--- +title: Funktion erster Klasse +slug: Glossary/Funktion_erster-Klasse +translation_of: Glossary/First-class_Function +--- +<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> |