Heim >Web-Frontend >js-Tutorial >Was Sie über TypeScript wissen müssen
Dieses Mal werde ich Ihnen etwas bringen, was Sie über TypeScript wissen müssen. Was sind die Vorsichtsmaßnahmen bei der Verwendung von TypeScript?
Angular2 ist im Vergleich zu Angular1 wie Java und Javascript Aufgrund der großen Änderungen wird AngularJS zur Darstellung von Version 1.x verwendet, während Angular 2.x, 4.x und repräsentiert 5. x und andere Folgeversionen. Informationen zur Geschichte der Angular-Familie finden Sie im „Angular Authoritative Tutorial“. In diesem Artikel wird TypeScript vorgestellt.
Originallink
TypeScript
Angular wird mit TypeScript erstellt, einer Sprache ähnlich wie JavaScript.
TypeScript ist keine brandneue Sprache, sondern eine Obermenge von ES6. Der gesamte ES6-Code ist vollständig gültiger und kompilierbarer TypeScript-Code.
typescript
TypeScript hat fünf wesentliche Verbesserungen gegenüber ES5:
type
Klassen
Anmerkungen
Modulimporte
Language Toolkit
Typen
TypeScript-Typen sind optional.
Die Typprüfung bietet jedoch folgende Vorteile:
1 Sie hilft beim Schreiben von Code und verhindert Fehler während der Kompilierung.
2 Sie hilft, den Code zu lesen und die Absicht des Autors klar auszudrücken.
Zeichenfolge
String enthält Text, deklariert als String-Typ:
var name: string = 'hello world!';
Zahl
Ob Ganzzahl oder Gleitkomma, in TypeScript verwenden alle Daten Gleitkommazahlen. Darstellung:
var age: number = 25;
Array
Das Array wird durch den Array-Typ dargestellt. Da es sich bei dem Array um eine Menge desselben Datentyps handelt, müssen Sie auch die Elemente angeben Das Array. Eine Aufzählung vom Typ
var arr: Array<string> = ['component', 'provider', 'pipe']; 或var arr: string[] = ['component', 'provider', 'pipe'];var arr: Array<number> = [1, 2, 3, 4, 5, 6]; 或var arr: number[] = [1, 2, 3, 4, 5, 6];
Eine Aufzählung ist eine Menge benennbarer Werte,
enum Man {age, iq, eq}; var man: Man = Man.age;
jeder Typ
, wenn keiner vorhanden ist is Wenn die Variable einen Typ angibt, ist ihr Standardtyp „any“. Variablen vom Typ „any“ können jeden Datentyp empfangen
var something: any = 'hello world'; something = 1; something = [1, 2, 3];
„Keine“ Typ
void bedeutet, dass kein Typ erwartet wird Wird normalerweise als Rückgabewert der -Funktion verwendet, was darauf hinweist, dass es keinen Rückgabewert gibt.
function setName(name: string): void { this.name = name; }
void-Typ ist auch eine zulässige beliebige Typ-
-Klasse
es5 Es verwendet ein prototypbasiertes objektorientiertes Design, das keine Klassen verwendet, sondern auf Prototypen basiert
In es6 können Sie Klassen verwenden, um integrierte Klassen darzustellen, z :
class Point {}
Eine Klasse kann Attribute, Methoden und Konstruktoren enthalten
Attribute
Attribute definieren die Daten von Klasseninstanzobjekten, zum Beispiel: Die Point-Klasse kann x- und y-Attribute haben.
Jedes Attribut in einer Klasse kann einen optionalen Typ enthalten, wie zum Beispiel:
class Point { x: number; y: number; }
Methode
Methode ist eine Funktion, die im Kontext ausgeführt wird einer Klassenobjektinstanz. Beim Aufruf muss vor der Methode des Objekts eine Instanz dieses Objekts vorhanden sein
class Point { x: number; y: number; moveTo(x: number, y: number) { this.x = x; this.y = y; console.log(this.x, this.y); } }var p: Point = new Point(); p.x = 1; p.y = 1; p.moveTo(10,10);
Konstruktor
Der Konstruktor ist eine spezielle Funktion, die ausgeführt wird, wenn die Klasse wird instanziiert. Normalerweise wird das neue Objekt initialisiert.
Der Konstruktor muss Konstruktor heißen, da der Konstruktor beim Instanziieren der Klasse aufgerufen wird, sodass er Eingabeparameter, aber keinen Rückgabewert haben kann
Wann Die Klasse definiert keinen expliziten Konstruktor, sondern erstellt automatisch einen Parameterlosen Konstruktor
class Point { }var p = new Point(); 等价于class Point { constructor() { } }var p = new Point();
Konstruktor mit Parametern
class Point { x: number; y: number; constructor(x: number, y: number) { this.x = x; this.y = y; } moveTo(x: number, y: number) { this.x = x; this.y = y; console.log(this.x, this.y); } } var p: Point = new Point(1,1); p.moveTo(10,10);
Vererbung
Ein weiteres wichtiges Merkmal von Objekten: orientiert ist Vererbung zeigt, dass Unterklassen ihr Verhalten von der übergeordneten Klasse abrufen können, und dann können Sie das Verhalten in dieser Unterklasse umschreiben, ändern oder hinzufügen
TypeScript unterstützt Vererbungsfunktionen und verwendet das Schlüsselwort „extens“ zur Implementierung
Erstellen Sie eine übergeordnete Klasse
class Parent { name: string; constructor(name: string){ this.name = name; } say() { console.log('NAME:' + this.name); } }
Unterkategorie
class Child { age: number; constructor(name: string, age: number) { super(name); this.age = age; } say() { super.say(); console.log(' AGE:' + this.age); } }var n: Child = new Child('vist', 25); n.say();
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Kategorien Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Wie man ein Cyan-Feuerwerk mit schwarzem Hintergrund auf Leinwand erstellt
Verwenden Sie Fetch, um HTTP-Anfragen zu stellen
Das obige ist der detaillierte Inhalt vonWas Sie über TypeScript wissen müssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!