1.7 KiB
1.7 KiB
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
587d7b8b367417b2b2512b50 | Prägnante deklarative Funktionen mit ES6 schreiben | 1 | 301224 | write-concise-declarative-functions-with-es6 |
--description--
Wenn wir in ES5 Funktionen innerhalb von Objekten definieren, müssen wir das Schlüsselwort function
wie folgt verwenden:
const person = {
name: "Taylor",
sayHello: function() {
return `Hello! My name is ${this.name}.`;
}
};
Mit ES6 kannst du das Schlüsselwort function
und den Doppelpunkt ganz entfernen, wenn du Funktionen in Objekten definierst. Hier ist ein Beispiel für diese Syntax:
const person = {
name: "Taylor",
sayHello() {
return `Hello! My name is ${this.name}.`;
}
};
--instructions--
Refaktoriere die Funktion setGear
innerhalb des Objekts bicycle
, um die oben beschriebene Kurzsyntax zu verwenden.
--hints--
Der traditionelle Funktionsausdruck sollte nicht verwendet werden.
(getUserInput) => assert(!code.match(/function/));
setGear
sollte eine deklarative Funktion sein.
assert(
typeof bicycle.setGear === 'function' && code.match(/setGear\s*\(.+\)\s*\{/)
);
bicycle.setGear(48)
sollte den Wert von gear
auf 48 ändern.
bicycle.setGear(48);
assert(bicycle.gear === 48);
--seed--
--seed-contents--
// Only change code below this line
const bicycle = {
gear: 2,
setGear: function(newGear) {
this.gear = newGear;
}
};
// Only change code above this line
bicycle.setGear(3);
console.log(bicycle.gear);
--solutions--
const bicycle = {
gear: 2,
setGear(newGear) {
this.gear = newGear;
}
};
bicycle.setGear(3);