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
|
---
title: Symbol.species
slug: Web/JavaScript/Reference/Global_Objects/Symbol/species
tags:
- ECMAScript 2015
- JavaScript
- Symbol
- Властивість
- Символ
translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/species
---
<div>{{JSRef}}</div>
<p>Добревідомий символ <code><strong>Symbol.species</strong></code> визначає властивість, значенням якої є функція, яку використовує конструктор для створення похідних об'єктів.</p>
<div>{{EmbedInteractiveExample("pages/js/symbol-species.html")}}</div>
<h2 id="Опис">Опис</h2>
<p>Властивість-аксесор species дозволяє підкласам перевизначати конструктор для об'єктів.</p>
<p>{{js_property_attributes(0,0,0)}}</p>
<h2 id="Приклади">Приклади</h2>
<h3 id="Використання_species">Використання species</h3>
<p>Можливо, ви захочете повертати об'єкти {{jsxref("Array")}} у вашому похідному класі масивів <code>MyArray</code>. Наприклад, при використанні методів, таких як {{jsxref("Array.map", "map()")}}, які повертають конструктор за замовчуванням, ви бажаєте, щоб вони повертали батьківський об'єкт <code>Array</code> замість об'єкта <code>MyArray</code>. Символ species дозволяє це зробити:</p>
<pre class="brush: js notranslate">class MyArray extends Array {
// Перевизначаємо species на батьківський конструктор Array
static get [Symbol.species]() { return Array; }
}
let a = new MyArray(1,2,3);
let mapped = a.map(x => x * x);
console.log(mapped instanceof MyArray); // false
console.log(mapped instanceof Array); // true
</pre>
<h2 id="Специфікації">Специфікації</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Специфікація</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('ESDraft', '#sec-symbol.species', 'Symbol.species')}}</td>
</tr>
</tbody>
</table>
<h2 id="Сумісність_з_веб-переглядачами">Сумісність з веб-переглядачами</h2>
<p>{{Compat("javascript.builtins.Symbol.species")}}</p>
<h2 id="Див._також">Див. також</h2>
<ul>
<li>{{jsxref("Map.@@species", "Map[@@species]")}}</li>
<li>{{jsxref("Set.@@species", "Set[@@species]")}}</li>
</ul>
|
