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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
---
title: Конструктор
slug: Web/JavaScript/Reference/Classes/constructor
tags:
- Classes
- ECMAScript6
- JavaScript
translation_of: Web/JavaScript/Reference/Classes/constructor
---
<div>{{jsSidebar("Classes")}}</div>
<p>Метод <code>constructor</code> — це особливий метод, призначений для створення й започаткування (ініціалізації) новоствореного примірника класу.</p>
<h2 id="Синтаксис">Синтаксис</h2>
<pre class="syntaxbox">constructor([аргументи]) { … }</pre>
<h2 id="Опис">Опис</h2>
<p>Клас може мати лише один метод з іменем «constructor». Спроба оголосити декілька методів «constructor» для одного класу матиме наслідком помилку {{jsxref("Global_Objects/SyntaxError", "SyntaxError")}}.</p>
<p>Метод <code>constructor</code> може звернутися до однойменного методу батьківського класу (надкласу) через ключове слово <code>{{jsxref("Operators/super", "super")}}</code>.</p>
<p>За відсутності оголошеного методу <code>constructor</code> буде використано типовий започаткувач (конструктор).</p>
<h2 id="Приклади">Приклади</h2>
<h3 id="Використання_методу_constructor">Використання методу <code>constructor</code></h3>
<p>Цей шмат коду взято з <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/classes-es6/index.html">classes sample</a> (<a href="https://googlechrome.github.io/samples/classes-es6/index.html">переглянути наживо</a>):</p>
<pre class="brush: js">class Square extends Polygon {
constructor(length) {
// Наступний рядок здійснює виклик успадкованого від Polygon
// конструктора, передаючи до нього власні параметри.
super(length, length);
// Завважте, що в класах-нащадках виклик super() завжди має передувати
// найпершому звертанню до this. Інакше матимете помилку.
this.name = 'Square';
}
get area() {
return this.height * this.width;
}
set area(value) {
this.area = value;
}
}</pre>
<h3 id="Інший_приклад">Інший приклад</h3>
<p>Погляньте також на цей приклад:</p>
<pre class="brush: js">class Polygon {
constructor() {
this.name = "Polygon";
}
}
class Square extends Polygon {
constructor() {
super();
}
}
let newInstance = new Square();
console.log(newInstance.name); // виводить "Polygon"</pre>
<h3 id="Типові_конструктори">Типові конструктори</h3>
<p>Якщо метод <code>constructor</code> не оголошено, буде використано типовий конструктор. Для первинного класу (що не успадковує інших) то є метод з порожнім тілом:</p>
<pre class="brush: js">constructor() {}
</pre>
<p>Натомість для вторинного класу (що успадковує якийсь інший клас) типовим конструктором є такий:</p>
<pre class="brush: js">constructor(...args) {
super(...args);
}</pre>
<h2 id="Специфікації">Специфікації</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Специфікація</th>
<th scope="col">Статус</th>
<th scope="col">Коментар</th>
</tr>
<tr>
<td>{{SpecName('ES6', '#sec-static-semantics-constructormethod', 'Constructor Method')}}</td>
<td>{{Spec2('ES6')}}</td>
<td>Первинне визначення.</td>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-static-semantics-constructormethod', 'Constructor Method')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Підтримка_веб-переглядачами">Підтримка веб-переглядачами</h2>
<div class="hidden">Таблиця сумісності на цій сторінці створена зі структурованих даних. Якщо ви хочете долучитися до розробки цих даних, пропонуйте нам свої pull request до репозиторію <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div>
<p>{{Compat("javascript.classes.constructor")}}</p>
<h2 id="Див._також">Див. також</h2>
<ul>
<li><a href="/uk/docs/Web/JavaScript/Reference/Operators/super">super()</a></li>
<li><a href="/uk/docs/Web/JavaScript/Reference/Operators/class">вираз <code>class</code></a></li>
<li><a href="/uk/docs/Web/JavaScript/Reference/Statements/class">оголошення <code>class</code></a></li>
<li><a href="/uk/docs/Web/JavaScript/Reference/Classes">Класи</a></li>
</ul>
|
