blob: e9cd0cef306691c2f19d6f7ced81e631dbfb12a2 (
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
|
---
title: 'TypeError: invalid assignment to const "x"'
slug: Web/JavaScript/Reference/Errors/Invalid_const_assignment
tags:
- Error
- JavaScript
- TypeError
translation_of: Web/JavaScript/Reference/Errors/Invalid_const_assignment
---
<div>{{jsSidebar("Errors")}}</div>
<p>JavaScript の例外 "invalid assignment to const" は、定数を変更しようとしたときに発生します。 JavaScript の <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/const">const</a></code> で宣言すると、再代入や再宣言を行うことができません。</p>
<h2 id="Message">エラーメッセージ</h2>
<pre class="brush: js">TypeError: invalid assignment to const "x" (Firefox)
TypeError: Assignment to constant variable. (Chrome)
TypeError: Assignment to const (Edge)
TypeError: Redeclaration of const 'x' (IE)
</pre>
<h2 id="エラータイプ">エラータイプ</h2>
<p>{{jsxref("TypeError")}}</p>
<h2 id="What_went_wrong">エラーの原因</h2>
<p>定数は、通常の実行中にプログラムによって変更できない値です。再代入も再宣言もできません。JavaScript では、定数を <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/const">const</a></code> キーワードで宣言します。</p>
<h2 id="例">例</h2>
<h3 id="Invalid_redeclaration">無効な再宣言</h3>
<p>同じブロックスコープで同じ定数名に値を代入すると、エラーが発生します。</p>
<pre class="brush: js example-bad">const COLUMNS = 80;
// ...
COLUMNS = 120; // TypeError: invalid assignment to const `COLUMNS'</pre>
<h3 id="Fixing_the_error">エラーの修正</h3>
<p>エラーを修正するには、複数の選択肢があります。問題となっている定数で、達成しようとしていたことを確認してください。</p>
<h4 id="Rename">名前の変更</h4>
<p>ほかの定数を宣言しようとしていたのであれば、ほかの名前を選んで名前を変更してください。この定数名は、すでにこのスコープで使用されています。</p>
<pre class="brush: js example-good">const COLUMNS = 80;
const WIDE_COLUMNS = 120;</pre>
<h4 id="const_let_or_var"><code>const</code>、<code>let</code>、<code>var</code></h4>
<p>定数を宣言するつもりがなかったのであれば、 const を使用しないでください。ブロックスコープの変数であれば <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/let">let</a></code> で、グローバルスコープの変数であれば <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/var">var</a></code> で宣言してください。</p>
<pre class="brush: js example-good">let columns = 80;
// ...
let columns = 120;
</pre>
<h4 id="Scoping">スコープ</h4>
<p>正しいスコープにあるか確認してください。たとえば、この定数はこのスコープにあるべきなのでしょうか。それとも関数にあるべきなのでしょうか。</p>
<pre class="brush: js example-good">const COLUMNS = 80;
function setupBigScreenEnvironment() {
const COLUMNS = 120;
}</pre>
<h3 id="const_and_immutability"><code>const</code> と不変性</h3>
<p><code>const</code> 宣言は、値への読み取り専用の参照を作成します。それが保持している値が不変であることを意味するものでは<strong>なく</strong>、変数識別子に再代入できないだけです。たとえば、コンテンツがオブジェクトである場合、オブジェクト自体はまだ変更可能であることを意味します。 つまり、変数に格納されている値を変更することはできないということです。</p>
<pre class="brush: js example-bad">const obj = {foo: 'bar'};
obj = {foo: 'baz'}; // TypeError: invalid assignment to const `obj'
</pre>
<p>しかし、変数内のプロパティは変更することができます。</p>
<pre class="brush: js example-good">obj.foo = 'baz';
obj; // Object { foo: "baz" }</pre>
<h2 id="関連項目">関連項目</h2>
<ul>
<li><code><a href="/ja/docs/Web/JavaScript/Reference/Statements/const">const</a></code></li>
<li><code><a href="/ja/docs/Web/JavaScript/Reference/Statements/let">let</a></code></li>
<li><code><a href="/ja/docs/Web/JavaScript/Reference/Statements/var">var</a></code></li>
</ul>
|
