[S3L1] JS Functions, Scope, Arrays

Question 1

Was erlaubt eine Funktion Declaration?

Answer 1

• KANN INVOKED WERDEN BEVOR DIE FUNCTION DECLARATION DEFINIERT IST!
• Erlaubt es Code in einem Scope auszuführen
• Hält Daten im Speicher so lange bereits, bis die Funktion invoked wird

Question 2

Was ist eine Invokation oder ein Function Call?

Answer 2

-Das Aufrufen einer Funktion mit Argumenten

add(2,2);

Question 3

Was macht return in einer Funktion?

Answer 3

• Gibt etwas aus dem Scope der Funktion zurück

- Ist das letzte, was in einer Funktion ausgeführt wird

Question 4

Was ist besonders an Function Expressions / anonymen Funktionen?

Answer 4

• Sie können erst nachdem sie geschrieben worden sind invoked werden
• Sie haben keinen Funktionsnamen, sondern werden einfach in Variablen gespeichert

Question 5

Wie sieht eine Function Declaration aus?

Answer 5

add(2,2);

function (add(num1,num2){
...
}

add(2,2);

Question 6

Was ist besonders an Function Declaration?

Answer 6

-Sie können im Code schon vorher invoked werden und danach erst geschrieben sein

Question 7

Wie sieht eine Function Expression/Anonymous Function aus?

Answer 7

let multiply = function(num1, num2){
...
}

multiply(2,2);

Question 8

Was sind Eigenschaften von Arrow Functions in Javascript?

Answer 8

-Kürzerer Syntax

Question 9

Sind Arrow Functions manchmal nicht nutzbar und falls ja wann?

Answer 9

Ja, sie sollten nicht immer genutzt werden.

• Event Handler (Außerhalb von Klassenkonstruktor)
• Objektmethode
• Prototype Methode
• Immer wenn man Arguments Object nutzt

Question 10

Wie sieht eine Arrow Function aus?

Answer 10

let multiply = (num1, num2) => {
return num1 * num2;
}

Question 11

Wie kann eine Arrow Function noch verkürzt werden vom Syntax?

Answer 11

let multiply = (num1, num2) => num1 * num2

• Entfernen Return Statement (Ist Default)
• Entfernen von Cruly Brackets

Question 12

Wie sieht eine Immediately Invoked Function Expresseion (IIFE) aus?

Answer 12

let talk = (function () {
return "I was invoked immediately!";
})();

console.log(talk);

Question 13

Was ist das besondere an IIFE Functions?

Answer 13

• Man invoked sie nicht, sondern man referenziert sie nur.
• Daher spart man sich die () Klammern nach dem Namen und kann die Function alleine durch den referenzierten Variablennamen ansprechen

Question 14

Wie ist eine Variablen Deklaration aufgebaut?

Answer 14

var myVariable = ‘example’;

• Deklaration (var, let, const)
• Identifier (myVariableName)
• Assignment Operator (=)
• Value (Strings, Numbers, Objects/Functions)

Question 15

Was ist die Deklaration bei einer Variablenzuweisung?

Answer 15

• var
• let
• const

Question 16

Was ist der Identifiert bei einer Variablenzuweisung?

Answer 16

• Der Variablenname, der so beschreibend wie möglich sein sollte
• Muss mit einem kleinbuchstaben beginnen
• CamelCase und case-sensitive

Question 17

Was macht die Deklaration var einer Variable?

Answer 17

• Scope auf Function Ebene
• Doppelte Identifiers/Variablennamen ERLAUBT!
• Wert ist mutable/veränderbar

Question 18

Was macht die Deklaration let einer Variable?

Answer 18

• Scope auf Block Ebene
• Doppelte Identifiers/Variablennamen verboten!
• Wert ist mutable/veränderbar

Question 19

Warum muss man mit var Variablen aufpassen?

Answer 19

-Doppelte Identifier/Variablennamen schmeißen keinen Fehler, das macht den Code sehr unübersichtlich

Question 20

Was macht die Deklaration const einer Variable?

Answer 20

• Scope auf Block Ebene
• Doppelte Identifiers/Variablennamen verboten!
• Wert ist immutable/unveränderbar

Question 21

Welche Deklarationsart einer Variable sollte man bevorzugen?

Answer 21

-const

Question 22

Was ist der Unterschied zwischen Block Scope und Function Scope?

Answer 22

• Ein Function Scope ist zulässig innerhalb einer Funktion

- Ein Block Scope ist z.B. nur innerhalb der Curvy Brackets innerhalb eines IFs in einer Function gültig

Question 23

Was sind globale Variablen und was sollte man dazu wissen?

Answer 23

• Wenn man keine Deklaration nutzt wird eine Variable global
• Wenn eine let Variable im Global Scope deklariert wird, wird diese ebenfalls global
• Das sollte man immer vermeiden

Question 24

Was ist ein Object?

Answer 24

• Eine fancy Variable
• Kann viel mehr Daten beinhalten
• Kann auch Functions beinhalten

Question 25

Wie wird ein Object definiert?

Answer 25

``` const objName = { name: "value } ```

Question 26

Woraus besteht ein Object?

Answer 26

-Aus Properties, welche ein Key/Value Pair sind

Question 27

Kann man auf die Properties eines Objects zugreifen, indem man einfach seinen Namen referenziert?

Answer 27

- Ja | - console.log(objName) liefert den ganzen Inhalt des Objects

Question 28

Wie kann man auf Properties eines Objects zugreifen?

Answer 28

- Mit der dot Notation - person.name - person.age

Question 29

Wie sieht die Bracket Notation zum Zugreifen auf Properties eines Objects aus?

Answer 29

console.log(person["last name"]);

Question 30

Wann benötigt man die Bracket Notation zum Zugreifen auf Properties eines Objects?

Answer 30

-Wenn der Key/Name der Property eines Objects komische Zeichen oder Spaces beinhaltet

Question 31

Wie sieht ein Object mit Objectmethoden aus?

Answer 31

``` const student = { name: "Jane", age: 25, location: "United States", school: "Lambda School", study: function(topic) { console.log(`${this.name} likes to study ${topic}); } } ```

Question 32

Wie invoked mak eine Objectmethod?

Answer 32

``` const student = { name: "Jane", age: 25, location: "United States", school: "Lambda School", study: function(topic) { console.log(`${this.name} likes to study ${topic}); } } ``` student.study("code");

Question 33

Kann man außerhalb eines Objects dem Object neue Objectmethoden hinzufügen?

Answer 33

JA, man kann z.B. anonyme Funktionen einem Objekt zuweisen, obwohl es selber diese Function nicht besitzt student. play = function(activity) { console. log(`${this.name} loves to ${activity}`} }

Question 34

Was sind Methoden, die ein jedes Object von selber mitbringt?

Answer 34

-Object.entries -Object.keys -Object.values -

Question 35

Was macht Object.entries?

Answer 35

-Listet alle Keys und Values des Objectes auf

Question 36

Wie greift man nur auf das n-te Key-Value Pair eines Objects zu?

Answer 36

Object.entried(student)[1]);

Question 37

Was sind Arrays?

Answer 37

- Spezielle Objekte mit speziellen Value/Pairs - Unter der Haube sind sie Objecte, werden jedoch besonder von JS behandelt - Haben eine Ordnung - Beginnen bei Index 0 - Sind mutable/veränderbar

Question 38

Wie greift man auf Arrays zu?

Answer 38

const hogwarts = {'Harry', 'Hermione', 'Ron']; hogwarts[0] === 'Harry';

Question 39

Wie fügt man etwas hinten an ein Array hinzu?

Answer 39

hogwarts. push("Dumbledore"); | - Fügt das Element hinten an das Array

Question 40

Was fügt man etwas vorne an ein Array hinzu?

Answer 40

hogwarts. unshift("Snape"); | - Fügt das Element vorne an das Array

Question 41

Wie kann man Items vom Ende eines Arrays entfernen?

Answer 41

- hogwarts.pop(); | - Entfernt das letzte Item aus dem Array und gibt es zurück

Question 42

Wie kann man Items vom Anfang eines Arrays entfernen?

Answer 42

- hogwarts.shift(); | - Entfernt das erste Item aus dem Array

Question 43

Was macht die Array-Function .splice(1,1) ?

Answer 43

- Gibt an welches Item an welchem Arrayindex entfernt werden soll und wie viele Items danach ebenfalls - splice(1,1) sagt also entferne an Index 1 nur das eine Item. - Liefert das Element zurück z.B. in eine Variable - Verändert das Array

Question 44

Wie kann man ein Array Item updaten und einem neuen Wert zuweisen?

Answer 44

- array[2] = "Test", | - Durch Zuweisung

Question 45

Was sind Eigenschaften eines Arrays?

Answer 45

- Das Abfragen der Werte ist sehr schnell (Time-Complexity) - Alle Arraymethoden kommen aus JS Array Prototype - Ein Item in einem Array zu suchen kann so lange dauern wie das Array lang ist - Arrays sind mutable

Question 46

Wie schreibt man einen Array als Literal?

Answer 46

const facThings = [];

Question 47

Wie erhält man die Länge eines Arrays?

Answer 47

stringArray[stringArray.length -1]

Question 48

Gibt es wesentliche Unterschiede zwischen "", '' oder ``?

Answer 48

- Nein, man sollte sich nur konsequent für eines entscheiden | - `` wird für String Interpolation genutzt

Question 49

Wie kann man in einem Console.log String dazuschreiben?

Answer 49

-console.log('string_here', variable);

Question 50

``` Was ist let aCat = 'godzilla' aCat = {name: 'fluffykins'} ```

Answer 50

- Object | - Key/Value Pair

Question 51

Was sind die Vorteile für den Compiler/Runtime wenn man die Deklaration const nutzt?

Answer 51

-Der Compiler weiß, dass es nicht wieder neu zugewiesen werden kann und daher kann er die Daten performanter handlen

Question 52

Wann ist eine Function eine Method?

Answer 52

-Wenn sie in einem Object ist heißt sie Method.