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
|
---
title: 'TypeError: setting getter-only property "x"'
slug: Web/JavaScript/Reference/Fehler/Getter_only
tags:
- Error
- Errors
- JavaScript
- Strict Mode
- TypeError
translation_of: Web/JavaScript/Reference/Errors/Getter_only
---
<div>{{jsSidebar("Errors")}}</div>
<h2 id="Fehlermeldung">Fehlermeldung</h2>
<pre class="syntaxbox">TypeError: setting getter-only property "x" (Firefox)
TypeError: Cannot set property "prop" of #<Object> which has only a getter (Chrome)
</pre>
<h2 id="Fehlertyp">Fehlertyp</h2>
<p>{{jsxref("TypeError")}} nur im <a href="/de/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a>.</p>
<h2 id="Was_ist_falsch_gelaufen">Was ist falsch gelaufen?</h2>
<p>Wenn versucht wird einen neuen Wert einer Wichenschaft zuzuweisen, welche nur als <a href="/de/docs/Web/JavaScript/Reference/Functions/get">Getter</a> spezifiziert wurde. Wenn kein strict mode verwendet wird, wird dieses stillschweigend ignoriert, während im <a href="/de/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> ein {{jsxref("TypeError")}} erzeugt wird.</p>
<h2 id="Beispiele">Beispiele</h2>
<p>Das folgende Beispiel zeigt, wie eine Eigenschaft als Getter eingestellt wird. Es wird kein <a href="/de/docs/Web/JavaScript/Reference/Functions/set">Setter</a> definiert, so dass ein <code>TypeError</code> erzeugt wird, wenn die <code>temperature</code> Eigenschaft mit dem Wert <code>30</code> beschrieben werden soll. Für mehr Details siehe auf der {{jsxref("Object.defineProperty()")}} Seite.</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>Um den Fehler zu beheben, muss einefach die Zeile 16 entfernt werden, weil dort der Versuch ist die <code>temperature</code> Eigenschaft zu beschreiben, oder es muss ein <a href="/de/docs/Web/JavaScript/Reference/Functions/set">Setter</a> definiert werden, wie zum Beispiel dieser:</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="Siehe_auch">Siehe auch</h2>
<ul>
<li>{{jsxref("Object.defineProperty()")}}</li>
<li>{{jsxref("Object.defineProperties()")}}</li>
</ul>
|
