[S3L4] Classes

Question 1

Sind Klassen in Javascript so wie Klassen in anderen Sprachen?

Answer 1

-Nein

Question 2

Sind Klassen in Javascript nativ vorhanden?

Answer 2

• Nein, sie sind nur syntactic sugar.

- Sie sind Constructors und Prototypes

Question 3

Ist Javascript eine native Objektorientierte Sprache OOP?

Answer 3

-Nein, mit ES6 wurden Klassen nur sehr vereinfacht

Question 4

Was sind Klassen in Javascript?

Answer 4

• Sie sind Constructors und Prototypes

- Spezielle Funktionen (Wie Arrow Functions besonders sind)

Question 5

Wie richtet man eine Klasse ein?

Answer 5

clas Rectangle {
constructor(height, width) {
this.height = height;
this.width = width;
}
}

const newRect = new Rectangle(400, 800);

Question 6

Was macht die Constructor Function in einer Class?

Answer 6

• Ist der Kleber, welche alles zusammenbindet

- Alle direkten Attribute/Properties werden im Constructor gesetzt

Question 7

Muss man sowas wie Parent.call(this, bananaAttrs) mit Classes noch verwenden?

Answer 7

-Nein, braucht man nie wieder

Question 8

Was macht die extends Methode?

Answer 8

-Ersetzte das .call(this, someAttrs); in Zukunft

Question 9

was macht die super() Function?

Answer 9

-Ersetzte jegliche andere bishere Syntax um Objects und Prototypes zu verbinden

Question 10

Sind Klassen nur Funktionen?

Answer 10

-JA!

Question 11

Erkläre die Klasse:
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(this.name + ' makes a noise.');
}
}

class Dog extends Animal {
constructor(name) {
super(name);
}
speak() {
console.log(this.name + ' barks.');
}
}

Answer 11

• Animal ist eine Klasse
• Animal hat eine Klassenmethode speak()
• extends erweitert eine Klasse
• super(name) wird den Namen an die Animal Class hochgeben (Binding mit .call und Prototyp Binding)

Question 12

Was macht super ()?

Answer 12

-Gibt die Attribute an die Oberklasse weiter

Question 13

Wenn man eine Klasse extended muss man super() benutzen?

Answer 13

Ja, sonst erhält man keinen Zugang zu den Attributen!

Question 14

Gebe ein Beispiel einer Class an:

Answer 14

class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(this.name + ' makes a noise.');
}
}

class Dog extends Animal {
constructor(name) {
super(name);
}
}
}

class Cat extends Animal {
constructor(name) {
super(name);
}
speak() {
console.log(this.name + ' meows.');
}
}
}

const sascha = new Dog(‘Sascha’);

coinsole. log(sascha );
sascha. speak(); //funktioniert, weil durch die Inheritance die speak() Methode reachable is

const thiara= new Cat('Thiara');
thiara.speak(); //thiara meows because she overrides the base method

Question 15

Was für Vorteile bieten Klassen?

Answer 15

• Einfacher zu benutzen
• Inheritance is easy to manage
• Cleaner code
• Prototype system is native/free

Question 16

Wie wandelt man diese Person Constructor Function in eine Person class um?

function persin(attributes) {
this.age = attributes.age;
this.name = attributes.name;
this.homeTown = attributes.homeTown;
}

Person.prototype.speak = function () {
return Hello, my name is $[this.name};
};

Answer 16

class Person {
constructor(attributes) {
this.age = attributes.age;
this.name = attributes.name;
this.homeTown = attributes.homeTown;
}
speak() {
return `Hello, my name is $[this.name}`;
}
}

Question 17

Wie sieht eine Klasse mit super() und neuen Attributen aus?

Answer 17

class Child extends Parent {
construcotr(childAttrs) {
super(childAttrs); //THIS IS IMPORTANT
this.isChild = childAttrs.isChild; //UNIQUE ATTRIBUTE
}
checkIfChild() {
if(this.isChild) {
console.log(this.speak+ ' and I am a child object.');
}
}