blob: f26949cf0d3bd5cf27bc380a9e666c14ea36d8bb (
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
|
---
title: new.target
slug: Web/JavaScript/Reference/Operators/new.target
tags:
- クラス
- ECMAScript 2015
- JavaScript
- 言語機能
- リファレンス
browser-compat: javascript.operators.new_target
translation_of: Web/JavaScript/Reference/Operators/new.target
---
{{JSSidebar("Operators")}}
**`new.target`** は擬似プロパティで、関数やコンストラクターが [new](/ja/docs/Web/JavaScript/Reference/Operators/new) 演算子を使用して呼び出されたかどうかを検出することができます。 [new](/ja/docs/Web/JavaScript/Reference/Operators/new) 演算子を使用して呼び出されたコンストラクターや関数の中では、 `new.target` はコンストラクターや関数への参照を返します。通常の関数呼び出しの場合、 `new.target` は {{jsxref("undefined")}} になります。
{{EmbedInteractiveExample("pages/js/expressions-newtarget.html")}}
## 構文
```js
new.target
```
## 解説
`new.target` の構文は、`new` キーワードとドット、 `target` 識別子で構成されています。通常、ドットの左側はプロパティアクセスが行われるオブジェクトですが、ここでの `new` はオブジェクトではありません。
`new.target` は、すべての関数で使用できる擬似プロパティです。
クラスのコンストラクターでは、構築されたクラスを参照します。
通常の関数では、[new](/ja/docs/Web/JavaScript/Reference/Operators/new) 演算子を介して呼び出されたと仮定して、関数自体を参照します。それ以外の場合、`new.target` は {{jsxref("undefined")}} になります。
[アロー関数](/ja/docs/Web/JavaScript/Reference/Functions/Arrow_functions)では、`new.target` は周囲のスコープから継承されます。
## 例
### 関数呼び出しにおける new\.target の使用
通常の関数呼び出しでは (コンストラクター関数の呼び出しとは対照的に)、 `new.target` は {{jsxref("undefined")}} になります。これにより、関数が [new](/ja/docs/Web/JavaScript/Reference/Operators/new) でコンストラクターとして呼び出されたかを検出できます。
```js
function Foo() {
if (!new.target) { throw 'Foo() must be called with new' }
console.log('Foo instantiated with new')
}
new Foo() // "Foo instantiated with new" を出力
Foo() // "Foo() must be called with new" 例外が発生
```
### コンストラクターにおける new\.target
クラスのコンストラクターでは、`new.target` は `new` で直接実行されたコンストラクターを参照します。これは、コンストラクターが親クラスにあり、子コンストラクターから委任された場合も同様です。
```js
class A {
constructor() {
console.log(new.target.name)
}
}
class B extends A { constructor() { super() } }
let a = new A() // logs "A"
let b = new B() // logs "B"
class C { constructor() { console.log(new.target) } }
class D extends C { constructor() { super() } }
let c = new C() // logs class C{constructor(){console.log(new.target);}}
let d = new D() // logs class D extends C{constructor(){super();}}
```
上記の `C` および `D` クラスの例から、 `new.target` は初期化されたクラスのクラス定義を指しているように見えます。たとえば、`d` を `new D()` で初期化した場合は、 `D` のクラス定義が出力され、同様に `c` の場合は `C` のクラスが出力されます。
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
## 関連情報
- [関数](/ja/docs/Web/JavaScript/Reference/Functions)
- [クラス](/ja/docs/Web/JavaScript/Reference/Classes)
- [`new`](/ja/docs/Web/JavaScript/Reference/Operators/new)
- [`this`](/ja/docs/Web/JavaScript/Reference/Operators/this)
|
