JavaScript Functions

Question 1

const myFunction = function(){ 
// Hoe noem je dit gedeelte van de functie dat tussen de // snorhaken staat
}

Answer 1

Function body

Question 2

Is de volgende functie een function declaration of een function expression?

const myFunction = function(){ }

Answer 2

function expression

Question 3

Is de volgende functie een function declaration of een function expression?

function myFunction (){ }

Answer 3

function declaration

Question 4

Wat is het verschil (in de basis) tussen function declaration en een function expression?

Answer 4

Het verschil in het kort: hoisting.
Je hoeft nog niet te weten wat dit precies betekent.
Het heeft in de kern te maken met: kun je de functie wel of niet “callen” voordat de functie “gedeclareerd” is.

Question 5

Is dit een function call, een function expression of een function declaration?

myFunction()

Answer 5

Function call

Question 6

Kun je een functie “callen” als je de functie nog niet hebt gemaakt?

Answer 6

Nope

Question 7

Kun je een functie “callen” als de functie eronder hebt gemaakt?

Answer 7

Nope

Question 8

Aan welke haken kun je een function call herkennen?

Answer 8

Ronde haken (). Eerst de naam van de functie en dan de ronde haken. Eventueel nog een argument binnen de ronde haken, deze geef je mee aan de functie.

Voorbeeld: NaamVanDeFunctie(optioneelargument)

Question 9

Wat doet een return statement in een functie?

Answer 9

Return statement retourneert een uiteindelijke output/het resultaat van de functie.

Om in recept termen te blijven: je retourneert na een heleboel kook-stappen het gerecht.

Question 10

Wat retourneert de onderstaande functie?

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  return discountInEuros;
  const newPrice = price - discountInEuros;
  return newPrice
} 

subtractDiscount(100)

Answer 10

Antwoord: 10

Na het eerste return statement wordt alle onderstaande code niet meer uitgevoerd. Je krijgt waarschijnlijk de error die zegt: “unreachable code detected”

Question 11

Wat retourneert de onderstaande functie?

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  return price - discountInEuros;
} 

subtractDiscount(100)

Answer 11

Antwoord: 90

Je kunt een return statement ook voor een stuk JavaScript zetten dat nog uitgevoerd moet worden. In dit geval “price - discountInEuros”

Question 12

Kun je een functie call opslaan in een variabele?

Answer 12

Antwoord: Ja, dat doe je heel vaak zelfs

Question 13

Waardes toekennen aan variabele op basis van een functie die wordt uitgevoerd.

Wat is de waarde van de korting op een TV en de korting op een fiets?

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  return price - discountInEuros;
} 

const discountTV = subtractDiscount(1000);
const discountBike = subtractDiscount(150);

Answer 13

discountTV is gelijk aan de waarde 990

discountBike is gelijk aan de waarde 140

Question 14

Kun je de uitkomst van een een functie console.loggen?

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  return price - discountInEuros;
} 
console.log(substractDiscount(100))

Answer 14

Antwoord: ja.

Mits de functie een return statement heeft. Anders retourneert de functie niets en krijg je undefined.

Question 15

Wat is de uitkomst van deze console.log()

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  price - discountInEuros;
} 
console.log(substractDiscount(100))

Answer 15

Antwoord: Undefined.

De functie retourneert namelijk “niks”. Daarom krijg je de standaard waarde terug.

Question 16

Wat is de uitkomst van deze console.log()

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  console.log(price - discountInEuros);
} 
substractDiscount(100)

Answer 16

Antwoord: 90.

Ondanks dat de functie niets retourneert, wordt deze wel uitgevoerd dankzij de functie call. IN de functie staat een console.log, deze zal dus ook worden uitgevoerd als je de functie hebt gecalled.

Question 17

Een functie retourneert altijd standaard “iets”.
Ook zonder return statement.
Wat is de default waarde die een functie retourneert?

Answer 17

Undefined

Question 18

Wat is de waarde van de variabele “discount”?

const subtractDiscount= function(price){ 
  const discountInEuros = 10; 
  price - discountInEuros;
} 

const discount = subtractDiscount(100)

Answer 18

Undefined

Er mist een return statement