blob: 1f5f446286e009623dbb06aae7f744c78ccf20ae (
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
|
---
title: 'ReferenceError: assignment to undeclared variable "x"'
slug: Web/JavaScript/Reference/Errors/Undeclared_var
tags:
- Errors
- JavaScript
- ReferenceError
- Strict Mode
translation_of: Web/JavaScript/Reference/Errors/Undeclared_var
---
<div>{{jsSidebar("Errors")}}</div>
<h2 id="メッセージ">メッセージ</h2>
<pre class="syntaxbox">ReferenceError: assignment to undeclared variable "x" (Firefox)
ReferenceError: "x" is not defined (Chrome)
ReferenceError: Variable undefined in strict mode (Edge)
</pre>
<h2 id="エラータイプ">エラータイプ</h2>
<p><a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a> でのみ、{{jsxref("ReferenceError")}} の警告が出ます。</p>
<h2 id="何がうまくいかなかったのか？">何がうまくいかなかったのか？</h2>
<p>宣言していない変数に値を割り当てています。つまり、<code><a href="/ja/docs/Web/JavaScript/Reference/Statements/var">var</a></code> キーワードを使用せずに割り当てをしています。 宣言した変数と宣言していない変数の間には、予想外の結果を招くいくつかの違いがあります。それが、strict モードで JavaScript がエラーを発生させる理由です。</p>
<p>宣言した変数と宣言していない変数について、3 つの注意点があります：</p>
<ul>
<li>宣言した変数は、それが宣言された実行コンテキストに制限されます。.宣言していない変数は常にグローバルです。</li>
<li>宣言した変数は、コードが実行される前に生成されます。宣言していない変数は、それに割り当てるコードが実行されるまで存在しません。</li>
<li>宣言した変数は、その実行コンテキスト（関数かグローバル）で設定不可能なプロパティです。 宣言していない変数は、設定可能です（たとえば、削除できます）。</li>
</ul>
<p>詳細や具体例は、<code><a href="/ja/docs/Web/JavaScript/Reference/Statements/var">var</a></code> 参照ページを見てください。</p>
<p><a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モードのコード</a> でのみ、宣言していない変数割り当てエラーが発生します。非 strict コードでは、それらは暗黙裡に無視されます。</p>
<h2 id="例">例</h2>
<h3 id="無効なケース">無効なケース</h3>
<p>このケースでは、変数 "bar" は宣言していない変数です。</p>
<pre class="brush: js example-bad">function foo() {
"use strict";
bar = true;
}
foo(); // ReferenceError: assignment to undeclared variable bar
</pre>
<h3 id="有効なケース">有効なケース</h3>
<p>"bar" を宣言した変数にするために、"bar" の前に、<code><a href="/ja/docs/Web/JavaScript/Reference/Statements/var">var</a></code> キーワードを追加します。</p>
<pre class="brush: js example-good">function foo() {
"use strict";
var bar = true;
}
foo();</pre>
<h2 id="関連項目">関連項目</h2>
<ul>
<li><a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">Strict モード</a></li>
</ul>
|
