blob: 4bdef906366f01022f36e9d1f7e07a3b5523b71f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
---
title: 'SyntaxError: function statement requires a name'
slug: Web/JavaScript/Reference/Errors/Unnamed_function_statement
tags:
- Error
- Errors
- JavaScript
- SyntaxError
translation_of: Web/JavaScript/Reference/Errors/Unnamed_function_statement
---
<div>{{jsSidebar("Errors")}}</div>
<p>JavaScript の例外 "function statement requires a name" は、名前が必要な<a href="/ja/docs/Web/JavaScript/Reference/Statements/function">関数文</a>がコードの中にあった場合に発生します。</p>
<h2 id="Message">エラーメッセージ</h2>
<pre class="brush: js">Syntax Error: Expected identifier (Edge)
SyntaxError: function statement requires a name [Firefox]
SyntaxError: Unexpected token ( [Chrome]
</pre>
<h2 id="Error_type">エラーの種類</h2>
<p>{{jsxref("SyntaxError")}}</p>
<h2 id="何がうまくいかなかったのか？">何がうまくいかなかったのか？</h2>
<p>コードに名前が必要な<a href="/ja/docs/Web/JavaScript/Reference/Statements/function">関数文</a>があります。関数がどのように定義されているか、関数の名前を指定する必要があるかどうか、または問題の関数が関数式、<a href="/ja/docs/Glossary/IIFE">IIFE</a> である必要があるかどうか、 コードがこのコンテクストに正しく置かれているかどうかを確認する必要があります。</p>
<h2 id="例">例</h2>
<h3 id="Statements_vs_expressions">文と式</h3>
<p><em><a href="/ja/docs/Web/JavaScript/Reference/Statements/function">function 文</a></em> (または <em>function 宣言</em>) では名前が必要であり、次のものは動作しません。</p>
<pre class="brush: js example-bad">function () {
return 'Hello world';
}
// SyntaxError: function statement requires a name
</pre>
<p>代わりに、<a href="/ja/docs/Web/JavaScript/Reference/Operators/function">function 式</a> (代入) を使用することができます。</p>
<pre class="brush: js example-good">var greet = function() {
return 'Hello world';
};</pre>
<p>または、定義するとすぐに実行される <a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">IIFE</a> (即時実行関数式) を定義しようとしているのかもしれません。その場合は、もう少々括弧が必要です。</p>
<pre class="brush: js example-good">(function () {
})();</pre>
<h3 id="Labeled_functions">ラベル付けされた関数</h3>
<p>関数 <a href="/ja/docs/Web/JavaScript/Reference/Statements/label">label</a> を使用している場合、<code>function</code> キーワードの後に関数名を指定する必要があります。これは動作しません:</p>
<pre class="brush: js example-bad">function Greeter() {
german: function () {
return "Moin";
}
}
// SyntaxError: function statement requires a name
</pre>
<p>たとえば、これは動作します。</p>
<pre class="brush: js example-good">function Greeter() {
german: function g() {
return "Moin";
}
}</pre>
<h3 id="Object_methods">オブジェクトのメソッド</h3>
<p>オブジェクトのメソッドを作るならば、オブジェクトを作る必要があります。その場合、<code>function</code> キーワードの後に名前がない次の構文は有効です。</p>
<pre class="brush: js example-good">var greeter = {
german: function () {
return "Moin";
}
};</pre>
<h3 id="Callback_syntax">コールバック構文</h3>
<p>コールバックを使用するときの構文もチェックします。大括弧とカンマが混同しやすいです。</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>正しくは、次の通りです。</p>
<pre class="brush: json example-good">promise.then(
function() {
console.log("success");
},
function() {
console.log("error");
}
);
</pre>
<h2 id="関連項目">関連項目</h2>
<ul>
<li><a href="/ja/docs/Web/JavaScript/Guide/Functions">関数 (JavaScript ガイド)</a></li>
<li><a href="/ja/docs/Web/JavaScript/Reference/Statements/function">関数文</a></li>
<li><a href="/ja/docs/Web/JavaScript/Reference/Operators/function">関数式</a></li>
<li><a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">IIFE</a></li>
<li><a href="/ja/docs/Web/JavaScript/Reference/Statements/label">label</a></li>
</ul>
|
