3.7 KiB
3.7 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7b8b367417b2b2512b53 | Use class Syntax to Define a Constructor Function | 1 | Использовать синтаксис класса для определения функции конструктора |
Description
class
является просто синтаксисом, а не полноценной реализацией объектно-ориентированной парадигмы на основе классов, в отличие от языков, таких как Java, или Python, или Ruby и т. Д. В ES5 мы обычно определяем конструктор функции и используйте new
ключевое слово для создания экземпляра объекта. var SpaceShuttle = function (targetPlanet) {Синтаксис класса просто заменяет создание функции конструктора:
this.targetPlanet = targetPlanet;
}
var zeus = новый SpaceShuttle ('Юпитер');
класс SpaceShuttle {Обратите внимание, что ключевое слово
Конструктор (targetPlanet) {
this.targetPlanet = targetPlanet;
}
}
const zeus = new SpaceShuttle («Юпитер»);
class
объявляет новую функцию и добавляется конструктор, который будет вызываться при вызове new
- для создания нового объекта. Instructions
class
и напишите правильный конструктор, чтобы создать класс Vegetable
. Vegetable
позволяет вам создать объект-овощ с name
свойства, который будет передан конструктору. Tests
tests:
- text: <code>Vegetable</code> должен быть <code>class</code> с определенным методом <code>constructor</code> .
testString: 'assert(typeof Vegetable === "function" && typeof Vegetable.constructor === "function", "<code>Vegetable</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
- text: ключевое слово <code>class</code> .
testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
- text: <code>Vegetable</code> могут быть созданы.
testString: 'assert(() => {const a = new Vegetable("apple"); return typeof a === "object";},"<code>Vegetable</code> can be instantiated.");'
- text: <code>carrot.name</code> должно вернуть <code>carrot</code> .
testString: 'assert(carrot.name=="carrot","<code>carrot.name</code> should return <code>carrot</code>.");'
Challenge Seed
function makeClass() {
"use strict";
/* Alter code below this line */
/* Alter code above this line */
return Vegetable;
}
const Vegetable = makeClass();
const carrot = new Vegetable('carrot');
console.log(carrot.name); // => should be 'carrot'
Solution
// solution required