TypeScript Tutorial #5 - Klassen für JavaScript

In diesem Tutorial starten wir endlich mit Klassen für JavaScript.

* *Meine Website mit allen anderen Kanälen und Newsletter* *:

_Discord:_

_Unterstützt mich - Danke!:_

[dermathes]

Zusammenfassung #5 TypeScript
Klassen sind wie Prototypen für ein Objekt Beispielsweise:

//Klasse Wohnung erstellen
class
Wohnung{
zimmer:number;
groesse:number;
balkon:Boolean;

}

var meineWohnung:Wohnung = new Wohnung(); // neues Objekt Wohnung erstellen

meineWohnung.balkon = true; //Boolean true zuweisen

meineWohnung.groesse = 1000; // Wert 1000 zuweisen

meineWohnung.zimmer = 10; // Wert 10 zuweisen

console.log(meineWohnung);
// Ausgabe der Wohnung im log

[Mandy-Blabub]

der vergleich mit der balupause gefällt mir sehr gut. für mich als anfänger gut zu verstehen! danke für deine mühen. direkt abonniert und ich schau mir sicherlich noch andere playlists an!

[xcpt]

Hallo!
Ich habe inzwischen herausgefunden woran es liegt, dass VS Code die Variable Initialisierung als falsch annimmt. Damit vllt. andere nicht lange suchen müssen, schreib ich es mal hier hin: :) Mit TypeScript 2.7.2 kommt das sogenannte "strict class checking" dazu, welches nicht ohne weiteres erlaubt leere Werte zu definieren. Ab sofort müssen Variablen die initialisiert werden entweder im Konstruktor definiert sein oder bei der Initialisierung mit einem Rufzeichen versehen werden.
Beispiel:
class Humanoid {
leben !: number; <- gilt als leer
leben : number = 0; <- auch zulässig

staerke : number; <- ohne constructor ab 2.7.2 unzulässig


constructor() {
this.staerke = 0; <- nur wenn hier der Wert zugewiesen wird, ist die Variable staerke zulässig
}



Hoffe das hilft jemanden weiter der sich das noch ansieht!


lg, Chris

[alexweissnicht]

Ich finde TypeScript echt easy :-) aber auch deutlich Cooler als JS

[_ntrufe]

Super Kurs. Generell alle Kanäle und Kurse und Videos von dir sind toll.
Meine IDE (VS Code) sagt nach dem transpilieren bei Funktionen und Klassen immer: "Duplicate identifier '<funktionsname> bzw. <Klassenname>'.
Passiert auch, wenn ich das Beispiel von Morpheus 1:1 abtippe.
Was bedeutet das? Ist das ein Fehler?

[danieldaschle]

TypeScript macht dann ungefähr den javascript code daraus... falls es jemand braucht :D

function Wohnung() {
return {
zimmer: 0,
groesse: 0,
balkon: false
}
}

var wohnung = Wohnung();

[DerRobert]

Es heißt übrigens "bal-KOON" und nicht "BALL-kon". das hat nix mit "Ball" zu tun.

[infosandfacts]

Der default Wert für nen nicht initialisierten Boolean ist undefined :)