JavaScript

Question 1

How would you describe what REST is to your non-technical friend?

Answer 1

Its a design pattern to provide a standard way for clients and servers to communicate

Question 2

What does a RESTful API usually return in response to incoming requests?

Answer 2

JSON data

Question 3

What kind of client devices can make use of a RESTful API?

Answer 3

All client devices that are connected to the internet can make use of a RESTful API - they don’t need a browser!

Question 4

What are the 5 principles of REST?

Answer 4

1.Client & Server Separation
2. Statelessness
3. Accessing Resources

Question 5

What does it mean for the server to be “Stateless”?

Answer 5

It forgets the interaction after the response is sent.

Question 6

Was sind falsey values in JS?

Answer 6

JavaScript wandelt jeden Wert der innerhalb eines Boolean Kontext verwendet wird, automatisch bzw. implizit in einen Boolean Typ um. Das ist z.B. in Bedingungen, Schleifen oder Vergleichen der Fall.
Ein falsey value ist in diesen Fällen ein Wert der automatisch zum Boolean Typ false konvertiert wird. Es existieren 7 falsey values:

1. 0 bzw -0
2. null
3. undefined
4. ’’
5. false
6. 0n
7. NaN
   (8. document.all - leeres Object - deprecated)

Vorsicht ist geboten, folgende Werte sind truthy
- []
- {}
- “0”

Question 7

Was ist der Unterschied zwischen const, var und let ?

Answer 7

Das sind drei verschiedene Variablentypen. const und let wurden mit ES6 eingeführt. Einer Variablen die mit const deklariert ist, kann nur einmalig ein Wert zugewiesen werden. Spezialfall Object: const person = { name: ‘Tim’}; person.name = ‘Tina’ ist möglich! Eine Variable die mit let deklariert wurde, ist nur innerhalb eines {}-block-Scope gültig. Eine mit var deklarierte Variable ist im function scope und in ggf. enthaltenen Blöcken gültig und unterliegt dem Hoisting! (z.B. registrieren von event handlern in einer for-Schleife gibt immer gleichen Index zurück). Das birgt Gefahr für Fehler! Ältere Browser benötigen babel.js um let und const variablen zu transpilen.

Question 8

Inwiefern unterscheiden sich == und ===?

Answer 8

== vergleicht zwei Variablen. === ist der strengere Vergleich. Er überprüft zusätzlich, ob die Werte vom gleichen Datentyp sind. Ersteres löst meine persönliche ‘LooseEquality Hölle’ aus: //LooseEquality Hell

// == -> isLooselyEqual
// === -> isEqual

/*1.Example
let str = ‘0’;
let num = 0;

//isLooselyEqual
//passes
if(str == num){
console.log(‘same bro ‘)
}

//fails
if(typeof(str) == typeof(num)){
console.log(‘ok bro ‘)
}

//fails
if(str === num){
console.log(‘same same bro ‘)
}
*/

/*2. Example

let str = null;
let num = undefined;

//passes
if(str == num){
console.log(‘same bro ‘)
}

//fails
if(typeof(str) == typeof(num)){
console.log(‘ok bro ‘)
}

//fails
if(str === num){
console.log(‘same same bro ‘)
}
*/

/*3.Example: WTF
let str = null;
let num = 0;

//FAILS
if(str == num){
console.log(‘same bro ‘)
}

//fails
if(typeof(str) == typeof(num)){
console.log(‘ok bro ‘)
}

//fails
if(str === num){
console.log(‘same same bro ‘)
}
*/

/4.Example: WTF/
let str = []; // truthy - Object wird zu primitive umgewandelt
let num = true; // truthy - Bool true wird zu 1 (Number) umgewandelt

//Erwartung: passes
//FAILS
if(str == num){
console.log(‘same bro ‘)
}

//fails
if(typeof(str) == typeof(num)){
console.log(‘ok bro ‘)
}

//passes, because truthy
if(num){
console.log(‘same same bro ‘)
}

//passes, passes because truthy
if(str){
console.log(‘same saaaaaaaame bro ‘)
}