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> = [&#39;component&#39;, &#39;provider&#39;, &#39;pipe&#39;];
    或var arr: string[] = [&#39;component&#39;, &#39;provider&#39;, &#39;pipe&#39;];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!