files/ja/web/javascript/reference/errors/getter_only/index.html


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

---
title: 'TypeError: setting getter-only property "x"'
slug: Web/JavaScript/Reference/Errors/Getter_only
tags:
- Error
- Errors
- JavaScript
- Strict Mode
- TypeError
translation_of: Web/JavaScript/Reference/Errors/Getter_only
---
<div>{{jsSidebar("Errors")}}</div>

<p>JavaScript の <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>専用の例外 "setting getter-only property" は、<a href="/ja/docs/Web/JavaScript/Reference/Functions/get">ゲッター</a>のみが定義されているプロパティに新しい値を設定しようとした時に発生します。</p>

<h2 id="Message">エラーメッセージ</h2>

<pre class="brush: js">TypeError: Assignment to read-only properties is not allowed in strict mode (Edge)
TypeError: setting getter-only property "x" (Firefox)
TypeError: Cannot set property "prop" of #&lt;Object&gt; which has only a getter (Chrome)
</pre>

<h2 id="Error_type">エラーの種類</h2>

<p><a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>でのみ、{{jsxref("TypeError")}}。</p>

<h2 id="What_went_wrong">エラーの原因</h2>

<p><a href="/ja/docs/Web/JavaScript/Reference/Functions/get">ゲッター</a>のみが定義されているプロパティに、新しい値を設定しようとしています。非 strict モードでは暗黙裡に無視されるだけですが、 <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>では {{jsxref("TypeError")}} が発生します。</p>

<h2 id="Examples">例</h2>

<h3 id="Property_with_no_setter">セッターのないプロパティ</h3>

<p>下記の例では、プロパティのゲッターの設定方法を示しています。<a href="/ja/docs/Web/JavaScript/Reference/Functions/set">セッター</a>を指定していないため、 <code>temperature</code> プロパティに <code>30</code> を設定しようとすると、<code>TypeError</code> が発生します。詳細は {{jsxref("Object.defineProperty()")}} ページを見てください。</p>

<pre class="brush: js example-bad">"use strict";

function Archiver() {
  var temperature = null;
  Object.defineProperty(this, 'temperature', {
    get: function() {
      console.log('get!');
      return temperature;
    }
  });
}

var arc = new Archiver();
arc.temperature; // 'get!'

arc.temperature = 30;
// TypeError: setting getter-only property "temperature"</pre>

<p>このエラーを修正するには、 temperature プロパティに値を設定しようとしている 16 行目を取り除くか、次のように<a href="/ja/docs/Web/JavaScript/Reference/Functions/set">セッター</a>を実装します。</p>

<pre class="brush: js example-good highlight[12]">"use strict";

function Archiver() {
  var temperature = null;
  var archive = [];

  Object.defineProperty(this, 'temperature', {
    get: function() {
      console.log('get!');
      return temperature;
    },
    set: function(value) {
      temperature = value;
      archive.push({ val: temperature });
    }
  });

  this.getArchive = function() { return archive; };
}

var arc = new Archiver();
arc.temperature; // 'get!'
arc.temperature = 11;
arc.temperature = 13;
arc.getArchive(); // [{ val: 11 }, { val: 13 }]</pre>

<h2 id="See_also">関連項目</h2>

<ul>
  <li>{{jsxref("Object.defineProperty()")}}</li>
  <li>{{jsxref("Object.defineProperties()")}}</li>
</ul>