diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
commit | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch) | |
tree | d4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/de/web/javascript/reference/fehler/unnamed_function_statement/index.html | |
parent | 33058f2b292b3a581333bdfb21b8f671898c5060 (diff) | |
download | translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2 translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip |
initial commit
Diffstat (limited to 'files/de/web/javascript/reference/fehler/unnamed_function_statement/index.html')
-rw-r--r-- | files/de/web/javascript/reference/fehler/unnamed_function_statement/index.html | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/files/de/web/javascript/reference/fehler/unnamed_function_statement/index.html b/files/de/web/javascript/reference/fehler/unnamed_function_statement/index.html new file mode 100644 index 0000000000..6c148b6ff0 --- /dev/null +++ b/files/de/web/javascript/reference/fehler/unnamed_function_statement/index.html @@ -0,0 +1,115 @@ +--- +title: 'SyntaxError: function statement requires a name' +slug: Web/JavaScript/Reference/Fehler/Unnamed_function_statement +tags: + - Error + - Errors + - JavaScript + - SyntaxError +translation_of: Web/JavaScript/Reference/Errors/Unnamed_function_statement +--- +<div>{{jsSidebar("Errors")}}</div> + +<h2 id="Fehlermeldung">Fehlermeldung</h2> + +<pre class="syntaxbox">SyntaxError: function statement requires a name [Firefox] +SyntaxError: Unexpected token ( [Chrome] +</pre> + +<h2 id="Fehlertyp">Fehlertyp</h2> + +<p>{{jsxref("SyntaxError")}}</p> + +<h2 id="Was_ist_falsch_gelaufen">Was ist falsch gelaufen?</h2> + +<p>Es gibt eine <a href="/de/docs/Web/JavaScript/Reference/Statements/function">Funktionsstatement</a> im Code, welches einen Namen benötigt. Man muss überprüfen, wie Funktionen definiert sind und ob diese einen Namen benötigen oder ob diese Funktion ein Funktionsausdruck ist (eine {{Glossary("IIFE")}}) oder ob die Funktion im richtigen Kontext geschrieben ist.</p> + +<h2 id="Beispiele">Beispiele</h2> + +<h3 id="Statements_vs_Ausdrücke">Statements vs Ausdrücke</h3> + +<p>Ein <em><a href="/de/docs/Web/JavaScript/Reference/Statements/function">Funktionsstatement</a></em> (oder <em>Funktionsdeklaration</em>) benötigt einen Namen. Folgendes funktioniert nicht:</p> + +<pre class="brush: js example-bad">function () { + return 'Hello world'; +} +// SyntaxError: function statement requires a name +</pre> + +<p>Man kann stattdessen ein <a href="/de/docs/Web/JavaScript/Reference/Operators/function">Funktionsausdruck</a> (Zuweisung) nutzen:</p> + +<pre class="brush: js example-good">var greet = function() { + return 'Hello world'; +};</pre> + +<p>Manchmal soll auch eine auch eine <a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">IIFE</a> (Immediately Invoked Function Expression) sein, welche eine Funktion ist, die nach der Definition direkt ausgeführt wird. Dafür müssen ein paar mehr Klammern benutzt werden:</p> + +<pre class="brush: js example-good">(function () { + +})();</pre> + +<h3 id="Funktionen_mit_Labeln">Funktionen mit Labeln</h3> + +<p>Wenn man ein <a href="/de/docs/Web/JavaScript/Reference/Statements/label">Funktionslabel</a> benutzt, muss ein Funktionsnamen nach dem <code>function</code> Schlüsselwort stehen. Folgendes funktioniert nicht:</p> + +<pre class="brush: js example-bad">function Greeter() { + german: function () { + return "Moin"; + } +} +// SyntaxError: function statement requires a name +</pre> + +<p>Das folgende funktioniert:</p> + +<pre class="brush: js example-good">function Greeter() { + german: function g() { + return "Moin"; + } +}</pre> + +<h3 id="Objektmethoden">Objektmethoden</h3> + +<p>Wenn man eine Methode für ein Objekt erstellen möchte, muss ein Objekt erstellt werden. Die folgende Syntax ohne einen Namen nach dem <code>function</code> Schlüsselwort ist zulässig.</p> + +<pre class="brush: js example-good">var greeter = { + german: function () { + return "Moin"; + } +};</pre> + +<h3 id="Callback_Syntax">Callback Syntax</h3> + +<p>Zudem sollte die Syntax bei Callbackfunktionen geprüft werden. Komma- und Klammersetzung kann schnell schwierig werden.</p> + +<pre class="brush: js example-bad">promise.then( + function() { + console.log("success"); + }); + function() { + console.log("error"); +} +// SyntaxError: function statement requires a name +</pre> + +<p>Richtig ist folgendes:</p> + +<pre class="brush: json example-good">promise.then( + function() { + console.log("success"); + }, + function() { + console.log("error"); + } +); +</pre> + +<h2 id="Siehe_auch">Siehe auch</h2> + +<ul> + <li><a href="/de/docs/Web/JavaScript/Guide/Functions">Funktionen im JavaScript Guide</a></li> + <li><a href="/de/docs/Web/JavaScript/Reference/Statements/function">Funktionsstatement</a></li> + <li><a href="/de/docs/Web/JavaScript/Reference/Operators/function">Funktionsausdruck</a></li> + <li><a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">IIFE</a></li> + <li><a href="/de/docs/Web/JavaScript/Reference/Statements/label">Label</a></li> +</ul> |