3.0 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7b8b367417b2b2512b53 | Usar a sintaxe de classe para criar uma função construtora | 1 | 301212 | use-class-syntax-to-define-a-constructor-function |
--description--
ES6 fornece uma nova sintaxe para criar objetos, usando a palavra-chave class.
Deve ser notado que a sintaxe class é apenas sintaxe, um syntatical sugar. JavaScript ainda não oferece suporte completo ao paradigma orientado a objetos, ao contrário do que acontece em linguagens como Java, Python, Ruby, etc.
No ES5, um objeto pode ser criado definindo uma função constructor e usando a palavra-chave new para instanciar o objeto.
No ES6, uma declaração de class tem um método constructor, que é invocado com a palavra-chave new. Se o método constructor não for explicitamente definido, ele será definido implicitamente sem argumentos.
// 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();
Deve ser notado que a palavra-chave class declara uma nova função, para qual um construtor é adicionado. Esse construtor é invocado quando new é chamado na criação de um novo objeto.
Observação: UpperCamelCase (observe a primeira letra de cada palavra em maiúsculo) deve ser usado por convenção para nomes de classe no ES6, como em SpaceShuttle usado acima.
O método constructor é um método especial usado para inicializar um objeto criado com uma classe. Você aprenderá mais sobre isso na seção Programação Orientada a Objetos da Certificação de Algoritmos e Estruturas de Dados JavaScript.
--instructions--
Use a palavra-chave class e declare o método constructor para criar a classe Vegetable.
A classe Vegetable permite criar um objeto vegetal com a propriedade name que é passada ao constructor.
--hints--
Vegetable deve ser uma class com um método constructor definido.
assert(
typeof Vegetable === 'function' && typeof Vegetable.constructor === 'function'
);
A palavra-chave class deve ser usada.
assert(code.match(/class/g));
A classe Vegetable deve poder ser instanciada.
assert(() => {
const a = new Vegetable('apple');
return typeof a === 'object';
});
carrot.name deve retornar a string 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');