81 lines
2.4 KiB
Markdown
81 lines
2.4 KiB
Markdown
|
---
|
|||
|
|
id: 587d7dad367417b2b2512b78
|
|||
|
|
title: Використання конструктора для створення об'єктів
|
|||
|
|
challengeType: 1
|
|||
|
|
forumTopicId: 18233
|
|||
|
|
dashedName: use-a-constructor-to-create-objects
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# --description--
|
|||
|
|
|
|||
|
|
Ось конструктор `Bird` із попереднього завдання:
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function Bird() {
|
|||
|
|
this.name = "Albert";
|
|||
|
|
this.color = "blue";
|
|||
|
|
this.numLegs = 2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let blueBird = new Bird();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**ПРИМІТКА:** вcередині конструктора `this` завжди посилається до створеного об'єкта.
|
|||
|
|
|
|||
|
|
Зауважте, що для виклику конструктора використовується інструкція `new`. Так JavaScript отримує команду створити новий екземпляр `Bird` під назвою `blueBird`. Без інструкції `new`, `this` всередині конструктора не посилатиметься но новоствореного об'єкту, що може привести до неочікуваних результатів. `blueBird` має усі властивості визначені всередині конструктора `Bird`:
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
blueBird.name;
|
|||
|
|
blueBird.color;
|
|||
|
|
blueBird.numLegs;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Так само, як і будь-який інший об'єкт, його властивості можуть бути доступні і змінені:
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
blueBird.name = 'Elvira';
|
|||
|
|
blueBird.name;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# --instructions--
|
|||
|
|
|
|||
|
|
Використайте конструктор `Dog` із попереднього завдання для створення нового екземпляру `Dog`, визначаючи його змінною `hound`.
|
|||
|
|
|
|||
|
|
# --hints--
|
|||
|
|
|
|||
|
|
`hound` повинен бути створений за допомогою конструктора `Dog`.
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
assert(hound instanceof Dog);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Код повинен використовувати інструкцію `new` для створення нового екземпляру `Dog`.
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
assert(code.match(/new/g));
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# --seed--
|
|||
|
|
|
|||
|
|
## --seed-contents--
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function Dog() {
|
|||
|
|
this.name = "Rupert";
|
|||
|
|
this.color = "brown";
|
|||
|
|
this.numLegs = 4;
|
|||
|
|
}
|
|||
|
|
// Only change code below this line
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# --solutions--
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function Dog() {
|
|||
|
|
this.name = "Rupert";
|
|||
|
|
this.color = "brown";
|
|||
|
|
this.numLegs = 4;
|
|||
|
|
}
|
|||
|
|
const hound = new Dog();
|
|||
|
|
```
|