freeCodeCamp/curriculum/challenges/spanish/02-javascript-algorithms-an.../es6/use-class-syntax-to-define-...

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

ES6 proporciona una nueva sintaxis para ayudar a crear objetos, utilizando la clase de palabra clave. Cabe señalar que la sintaxis de 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) {
this.targetPlanet = targetPlanet;
}
var zeus = nuevo SpaceShuttle ('Jupiter');
La sintaxis de clase simplemente reemplaza la creación de la función de constructor:
clase SpaceShuttle {
constructor (targetPlanet) {
this.targetPlanet = targetPlanet;
}
}
const zeus = nuevo SpaceShuttle ('Jupiter');
Observe que la 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

Use 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