3.0 KiB
3.0 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7b8b367417b2b2512b53 | Use class Syntax to Define a Constructor Function | 1 | Use la clase Sintaxis para definir una función constructora |
Description
class
es solo una sintaxis, y no una implementación de paradigmas orientados a objetos basada completamente en clases, a diferencia de lenguajes como Java, Python o Ruby, etc. En ES5, generalmente definimos un constructor función, y utilizar la new
palabra clave para crear una instancia de un objeto. var SpaceShuttle = function (targetPlanet) {La sintaxis de clase simplemente reemplaza la creación de la función de constructor:
this.targetPlanet = targetPlanet;
}
var zeus = nuevo SpaceShuttle ('Jupiter');
clase SpaceShuttle {Observe que la
constructor (targetPlanet) {
this.targetPlanet = targetPlanet;
}
}
const zeus = nuevo SpaceShuttle ('Jupiter');
class
de palabras clave declara una nueva función, y se añadió un constructor, que se invoca cuando new
se llama - para crear un nuevo objeto. Instructions
class
palabra clave de class
y escriba un constructor adecuado para crear la clase Vegetable
. La Vegetable
permite crear un objeto vegetal, con un name
propiedad, para pasarlo al constructor. Tests
tests:
- text: <code>Vegetable</code> debe ser una <code>class</code> con un método <code>constructor</code> definido.
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: Se usó la palabra clave de <code>class</code> .
testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
- text: <code>Vegetable</code> puede ser instanciado.
testString: 'assert(() => {const a = new Vegetable("apple"); return typeof a === "object";},"<code>Vegetable</code> can be instantiated.");'
- text: <code>carrot.name</code> debe devolver la <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