diff options
| author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:45:38 +0100 |
|---|---|---|
| committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:45:38 +0100 |
| commit | 4ab365b110f2f1f2b736326b7059244a32115089 (patch) | |
| tree | c3c7c0219f728ade49a78c238c51cc0c8d06ebd6 /files/de/web/javascript/reference/errors/unnamed_function_statement | |
| parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
| download | translated-content-4ab365b110f2f1f2b736326b7059244a32115089.tar.gz translated-content-4ab365b110f2f1f2b736326b7059244a32115089.tar.bz2 translated-content-4ab365b110f2f1f2b736326b7059244a32115089.zip | |
unslug de: move
Diffstat (limited to 'files/de/web/javascript/reference/errors/unnamed_function_statement')
| -rw-r--r-- | files/de/web/javascript/reference/errors/unnamed_function_statement/index.html | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/files/de/web/javascript/reference/errors/unnamed_function_statement/index.html b/files/de/web/javascript/reference/errors/unnamed_function_statement/index.html new file mode 100644 index 0000000000..6c148b6ff0 --- /dev/null +++ b/files/de/web/javascript/reference/errors/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> |
