02. Arrow Functions - xarling/ES6-workshop GitHub Wiki

Een arrow function is een shorthand manier om functies te definiëren. Het grote verschil is echter dat in deze arrow functies this dezelfde waarde houdt als de omringende code.

In plaats van

function(arg1, arg2) { //code }

is de notatie

(arg1, arg2) => { //code }

of bij 1 argument zelfs

arg => { // code }

of bij 1 code statement zelfs

arg => expressie

Wanneer we geen { } gebruiken wordt het resultaat van de expressie gereturned. Deze vorm wordt ook wel een lambda functie genoemd.

Opdracht

Zie \02.arrow.functions\arrow-functions.html

Klik hier voor de oplossing van de eerste opdracht `var add = (a, b) => a + b`
Klik hier voor de oplossing van de tweede opdracht `var makeCar = () => ({type: 'Skoda', color: 'Silver'});` of `var makeCar = () => {return {type: 'Skoda', color: 'Silver'}};`

en

Zie \02.arrow.functions\arrow-functions-2.html

Klik hier voor de oplossing `var exp = (num) => Math.pow(num, this.exponent)`
Add a custom footer
⚠️ **GitHub.com Fallback** ⚠️