3.4 KiB
id, title, challengeType, forumTopicId, dashedName
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
587d7b8b367417b2b2512b53 | Використовуйте клас синтаксису для визначення функції Constructor | 1 | 301212 | use-class-syntax-to-define-a-constructor-function |
--description--
ES6 забезпечує новий синтаксис для створення об'єктів, використовуючи ключове слово class.
Варто зазначити, що синтаксис class
є просто синтаксисом, а не повноцінною реалізацією об'єктно-орієнтованої парадигми, на відміну від таких мов як Java, Python, Ruby, і т.д.
В ES5 зазвичай визначається функція constructor
та використовується ключове слово new
для створення об'єкта.
var SpaceShuttle = function(targetPlanet){
this.targetPlanet = targetPlanet;
}
var zeus = new SpaceShuttle('Jupiter');
Синтаксис class
просто замінює створення функції constructor
:
class SpaceShuttle {
constructor(targetPlanet) {
this.targetPlanet = targetPlanet;
}
}
const zeus = new SpaceShuttle('Jupiter');
Варто зазначити, що ключове слово class
оголошує нову функцію, до якої додається конструктор. Конструктор викликається, коли ключове слово new
використовується для створення нового об'єкту.
Примітка: UpperCamelCase слід використовувати в конвенції для назв класів ES6, як і в SpaceShuttle
використаного вище.
Метод constructor
це спеціальний метод для створення та ініціалізації об'єкта, створений за допомогою класу. Ви можете дізнатись про це більше у розділі "Об"єктно-орієнтоване програмування" JavaScript алгоритми та структура даних.
--instructions--
Використайте ключове слово class
та напишіть constructor
для створення класу Vegetable
.
Клас 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');