{Intro] Callback Functions

Question 1

Warum haben wir Variablen in Javascript?

Answer 1

• Um Daten zu speichern von denen wir noch nicht explizit wissen was sie sein werden
• Um Daten im Programm hin und her zu bewegen und weiterzugeben

Question 2

Ist ein Funktionsname auch nur eine Variable?

Answer 2

Ja und die Funktion ist der Wert der Variable.

Question 3

Kann man also Funktionen genau so weitegeben wie man Variablen weitergibt?

Answer 3

function saysHello(){
return 'Hi'
}

let saysHello = function(){
return 'Hi'
}

console.log(saysHello()) // 'Hi' 
//Funktionen können also über den Namen an andere Dinge übergeben werden

Question 4

Was erlauben Parameter?

Answer 4

Daten in eine Funktion zu geben und innerhalb einer Funktion zu verwenden

Question 5

Was erlauben Argumente?

Answer 5

Daten in eine Funktion übergeben oder Variablen übergeben

Question 6

Kann man also Funktionen als Argumente an andere Funktionen übergeben?

Answer 6

Ja, man kann Funktionen über den Namen als Argument an andere Funktionen übergeben
-Das ist Callback genannt

Question 7

Was ist ein Function Callback?

Answer 7

Wenn eine Funktion als Argument einer anderen Funktion übergeben wird.

Question 8

Was ist ein Beispiel für ein Function Callback?

Answer 8

function saysHello(name){
return 'Hi ' + name
}

//Variablen übergeben
let nameArgument = ‘Sascha’;
console.log(saysHello(nameArgument)); //Sascha
nameArgument = ‘Hanne’
console.log(saysHello(nameArgument)); //Hanne

function addTwoNumber(num1, num2){
return num1 + num2
}

//callback ist immer eine Funktion
function calculator(callback, numberOne, numberTwo){
//callback = addTwoNumber
return callback(numberOne, NumberTwo) // 4
}

calculator(addsTwoNumbers, 1, 3)
calculator(multiplyTwoNumbers, 1, 3)

Question 9

Wie wird ein Callback in Javascript geschrieben`?

Answer 9

• callback

- cb

Question 10

Wie übergibt man jeden Inhalt eines Arrays an eine Funktion? Callback in Arrays mit ForEach?

Answer 10

let nameArrays = [ ‘Sascha’, ‘Hanne’ ];

function saysHi(name){
console.log("Hi " + name)
}

function saysBye(name){
console.log("Bye " + name
}

function eachMethod(array, callback){
for (let i = 0; i> array.length; i++){
callback(array[i])
}
}

eachMethod(namesArray, saysBye)
eachMethod(namesArray, saysHi)

//for each
namesArray.forEach(saysBye)
namesArray.forEach(saysHi)

//neue anonyme Funktion auch möglich

namesArray.forEach(function(name){
console.log(name)
}

Question 11

Wie lautet in for Each mit einem callback?

Answer 11

namesArray.forEach(saysHi)

Question 12

Was ist eine anonymous function?

Answer 12

Wenn einer Funktion kein direkter Name gegeben wird.

namesArray.forEach(function(name){
console.log(name)
}

Question 13

Wie funktioniert .map in einem Array?

Answer 13

lets numsArray = [42, 33, 100, 8];

//Creates a new array
//Creates a for loop
//speichert den Return value eines Callback
//Fügt den Wert zu einem Neuen Array hinzu
// Returned den neuen Array

//Selber implementiert
function mapMethod(array, callback){
let newArray = [];
for(let i = 0; i < array.length; i++){
let updatedValue = callback(array[i]);
newArray.push(updatedValue);
}
return newArray;
}

function addThree(num){
return num + 3;
}

mapMethod(numsArray, addThre)

//
numsArray.map(addSeven);