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
|
---
title: new.target
slug: Web/JavaScript/Reference/Operators/new.target
tags:
- Classes
- ECMAScript 2015
- JavaScript
- Reference
translation_of: Web/JavaScript/Reference/Operators/new.target
---
<div>{{JSSidebar("Operators")}}</div>
<p>Die <strong><code>new.target</code></strong> Eigenschaft lässt erkennen, ob eine Funktion oder ein Konstruktor mit dem <a href="/de/docs/Web/JavaScript/Reference/Operators/new">new</a> Operator aufgerufen wurde. In Konstruktoren und Funktionen die mit dem <a href="/en-US/docs/Web/JavaScript/Reference/Operators/new">new</a> Operator instanziiert wurde, gibt <code>new.target</code> eine Referenz zu dem Konstruktor oder der Funktion zurück. In normalen Funktionsaufrufen hat <code>new.target</code> den Wert {{jsxref("undefined")}}.</p>
<div>{{EmbedInteractiveExample("pages/js/expressions-newtarget.html")}}</div>
<h2 id="Syntax">Syntax</h2>
<pre class="syntaxbox">new.target</pre>
<h2 id="Beschreibung">Beschreibung</h2>
<p>Die <code>new.target</code> Syntax besteht aus dem Schlüsselwort <code>"new"</code>, einem Punkt und dem Eigenschaftnamen <code>"target"</code>. Normalerweise steht <code>"new."</code> für einen Eigenschaftszugriff, jedoch ist <code>"new."</code> kein Objekt. In Konstruktoraufrufen referenziert <code>new.target</code> auf den Konstruktor, der mit <code>new</code> aufgerufen wurde und somit bekommt <code>"new."</code> einen virtuellen Kontext.</p>
<p>Die <code>new.target</code> Eigenschaft ist eine Metaeigenschaft, die in allen Funktionen erreichbar ist. In <a href="/de/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Pfeilfunktionen</a> referenziert <code>new.target</code> zum <code>new.target</code> der umschließenden Funktion.</p>
<h2 id="Beispiele">Beispiele</h2>
<h3 id="new.target_in_Funktionsaufrufen"><code>new.target</code> in Funktionsaufrufen</h3>
<p>In normalen Funktionsaufrufen (im Gegensatz zu Konstruktorfunktionsaufrufen) ist <code>new.target</code> {{jsxref("undefined")}}. Damit lässt sich herausfinden, ob eine Funktion mit <a href="/de/docs/Web/JavaScript/Reference/Operators/new">new</a> als Konstruktor aufgerufen wurde.</p>
<pre class="brush: js">function Foo() {
if (!new.target) throw 'Foo() must be called with new';
console.log('Foo instantiated with new');
}
Foo(); // throws "Foo() must be called with new"
new Foo(); // logs "Foo instantiated with new"
</pre>
<h3 id="new.target_in_Konstruktoren"><code>new.target</code> in Konstruktoren</h3>
<p>In Klassenkonstruktoren referenziert <code>new.target</code> den Konstruktor, der direkt mit <code>new</code> aufgerufen wurde. Das ist auch der Fall, wenn der Konstruktor in einer Elternklasse ist und vom Kinderkonstruktor weiter delegiert wurde.</p>
<pre class="brush: js">class A {
constructor() {
console.log(new.target.name);
}
}
class B extends A { constructor() { super(); } }
var a = new A(); // logs "A"
var b = new B(); // logs "B"
class C { constructor() { console.log(new.target); } }
class D extends C { constructor() { super(); } }
var c = new C(); // logs class C{constructor(){console.log(new.target);}}
var d = new D(); // logs class D extends C{constructor(){super();}}</pre>
<p class="summary">Aus dem obigen Beispiel der Klasse C und D scheint es also, dass new.target auf die Klassendefinition der Klasse zeigt, die initialisiert wird. Wenn beispielsweise D mit new initialisiert wurde, wurde die Klassendefinition von D ausgegeben und in ähnlicher Weise wurde im Fall von c die Klasse C ausgegeben.</p>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Spezifikation</th>
<th scope="col">Status</th>
<th scope="col">Kommentar</th>
</tr>
<tr>
<td>{{SpecName('ES2015', '#sec-built-in-function-objects', 'Built-in Function Objects')}}</td>
<td>{{Spec2('ES2015')}}</td>
<td>Initiale Definition.</td>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-built-in-function-objects', 'Built-in Function Objects')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="Browserkompatibilität">Browserkompatibilität</h2>
<p>{{Compat("javascript.operators.new_target")}}</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li><a href="/de/docs/Web/JavaScript/Reference/Functions">Funktionen</a></li>
<li><a href="/de/docs/Web/JavaScript/Reference/Classes">Klassen</a></li>
<li><code><a href="/de/docs/Web/JavaScript/Reference/Operators/new">new</a></code></li>
<li><code><a href="/de/docs/Web/JavaScript/Reference/Operators/this">this</a></code></li>
</ul>
|
