3.5 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7b8b367417b2b2512b53 | Синтаксис class для визначення конструктурної функції | 1 | 301212 | use-class-syntax-to-define-a-constructor-function |
--description--
ES6 надає новий синтаксис для створення об’єктів, використовуючи ключове слово class.
В ES5 можна створити об’єкт, визначивши функцію constructor та використавши ключове слово new, щоб конкретизувати об’єкт.
В ES6 оголошення class має метод constructor, який викликається з ключовим словом new. Якщо метод constructor не визначений явно, то він визначається неявно без аргументів.
// Explicit constructor
class SpaceShuttle {
constructor(targetPlanet) {
this.targetPlanet = targetPlanet;
}
takeOff() {
console.log("To " + this.targetPlanet + "!");
}
}
// Implicit constructor
class Rocket {
launch() {
console.log("To the moon!");
}
}
const zeus = new SpaceShuttle('Jupiter');
// prints To Jupiter! in console
zeus.takeOff();
const atlas = new Rocket();
// prints To the moon! in console
atlas.launch();
Варто зазначити, що ключове слово class оголошує нову функцію, до якої додається конструктор. Конструктор прокидається, коли для створення нового об’єкта викликають new.
Примітка: згідно з конвенцією для назв класів потрібно використовувати ВерхнійВерблюдячийРегістр, як у SpaceShuttle вище.
Метод constructor є спеціальним методом для створення та ініціалізації об’єкта, створеного за допомогою класу. Ви дізнаєтесь про це детальніше у розділі об’єктноорієнтованого програмування сертифікації «Алгоритми JavaScript та структури даних».
--instructions--
Використайте ключове слово class та напишіть constructor, щоб створити клас Vegetable.
Клас Vegetable дозволяє створити об’єкт-овоч із властивістю name, що передається до constructor.
--hints--
Vegetable повинен бути класом (class) із визначеним методом constructor.
assert(
typeof Vegetable === 'function' && typeof Vegetable.constructor === 'function'
);
Використайте ключове слово class.
assert(code.match(/class/g));
Vegetable повинен бути реалізованим.
assert(() => {
const a = new Vegetable('apple');
return typeof a === 'object';
});
carrot.name має повертати carrot.
assert(carrot.name == 'carrot');
--seed--
--seed-contents--
// Only change code below this line
// Only change code above this line
const carrot = new Vegetable('carrot');
console.log(carrot.name); // Should display 'carrot'
--solutions--
class Vegetable {
constructor(name) {
this.name = name;
}
}
const carrot = new Vegetable('carrot');