Heim > Web-Frontend > js-Tutorial > Grundlegende TypeScript-Studiennotizen_Javascript-Kenntnisse

Grundlegende TypeScript-Studiennotizen_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:54:09
Original
1027 Leute haben es durchsucht

Es gibt 7 Grundtypen in TypeScript.

1. Boolescher Wert

Code kopieren Der Code lautet wie folgt:

var isDone: boolean = false;

2, Zahl

stellt eine Zahl in JavaScript dar. In JavaScript werden sowohl „Ganzzahlen“ als auch „Gleitkommazahlen“ als Gleitkommatypen mit doppelter Genauigkeit gespeichert.

Code kopieren Der Code lautet wie folgt:

Var-Höhe: Zahl = 6;

3. Zeichenfolge

stellt eine Zeichenfolge dar. Wie bei JavaScript können Sie ein Paar doppelte Anführungszeichen (") oder ein Paar einfache Anführungszeichen (') verwenden, um eine Zeichenfolge darzustellen.

Code kopieren Der Code lautet wie folgt:

Variablenname: string = "bob";
name = 'Schmied';

4. Array

Es gibt zwei Methoden der Array-Deklaration in TypeScript.

①Verwenden Sie „[]“, um Folgendes zu deklarieren:

Code kopieren Der Code lautet wie folgt:

Variablenliste: Zahl[] = [1, 2, 3];

② Verwenden Sie den Array-Typ zur Deklaration:

Code kopieren Der Code lautet wie folgt:

var-Liste: Array = [1, 2, 3];

Beide Deklarationsmethoden können verwendet werden und es gibt keinen Unterschied in der Wirkung. Es wird jedoch empfohlen, nur eine davon im Code zu verwenden, um einen einheitlichen Codestil beizubehalten.

5. Aufzählung

Der Aufzählungstyp wurde in TypeScript neu hinzugefügt, aber in JavaScript gibt es keinen solchen Typ.

Code kopieren Der Code lautet wie folgt:

Aufzählungsfarbe {
​ Rot,
Grün,
Blau
};
var c: Color = Color.Green;

Wie bei C# gilt: Wenn der Wert des ersten Elements nicht deklariert ist, beträgt der Wert von Rot oben 0, und dann wird jedes Element um eins erhöht, d. h. Grün ist 1 und Blau ist 2.

Code kopieren Der Code lautet wie folgt:

Aufzählungsfarbe {
​ Rot = 1,
Grün,
Blau
};
var c: Color = Color.Green;

Zu diesem Zeitpunkt ist der Wert von Rot also 1, Grün ist 2 und Blau ist 3.

Natürlich können Sie auch für jedes Element einen Wert angeben.

Code kopieren Der Code lautet wie folgt:

Aufzählungsfarbe {
​ Rot = 1,
Grün = 2,
Blau = 4
};
var c: Color = Color.Green;

Außerdem haben Aufzählungstypen eine besondere Funktion. Wenn wir einen Wert haben, aber nicht wissen, ob er im Aufzählungstyp definiert ist, können wir ihn auf folgende Weise erhalten:

Code kopieren Der Code lautet wie folgt:

Aufzählungsfarbe {
​ Rot = 1,
Grün,
Blau
};
var colorName: string = Color[2];
alarm(colorName);
colorName = Color[4];
alarm(colorName);

Dann werden Grün und Undefiniert ausgegeben. Da Green den Wert 2 hat und keine Aufzählung einen Wert von 4 definiert, wird undefiniert zurückgegeben.

6. beliebig

Wie der Standardtyp von Variablen in JavaScript sind Referenzen dynamisch und können jedem Typ zugewiesen werden. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

var notSure: any = 4;
notSure = "vielleicht stattdessen eine Zeichenfolge";
notSure = false; // okay, definitiv ein Boolescher Wert

Nach der Definition als beliebig geht die Syntaxbewusstseinsfunktion verloren, was dem Schreiben von JavaScript entspricht.

Es ist erwähnenswert, dass „any“ mit Arrays verwendet werden kann:

Code kopieren Der Code lautet wie folgt:

var list: any[] = [1, true, "free"];
list[1] = 100;

7, ungültig

Dieser Typ kann nur in Funktionen verwendet werden. Sie können den Rückgabetyp der Funktion als void angeben, was bedeutet, dass die Funktion keinen Wert zurückgibt.

Code kopieren Der Code lautet wie folgt:

Funktion warnUser(): void {
alarm("Dies ist meine Warnmeldung");
}

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage