Heim Web-Frontend js-Tutorial Wofür wird Typoskript verwendet? Was kann getan werden?

Wofür wird Typoskript verwendet? Was kann getan werden?

Oct 20, 2018 am 11:54 AM
typescript

Wir sind mit JavaScript sehr vertraut, aber was ist Typoskript? Typescript ist eigentlich eine freie und Open-Source-Programmiersprache, die von Microsoft entwickelt wurde. Sie ist eine Obermenge von JavaScript und fügt der Sprache im Wesentlichen optionale statische Typisierung und klassenbasierte objektorientierte Programmierung hinzu. Der folgende Artikel stellt Ihnen vor, wofür Typoskript verwendet wird. Was kann getan werden? Wer Interesse hat, kann einen Blick darauf werfen.

Das erste, was wir wissen müssen, ist, dass die von Typescript letztendlich kompilierte Sprache js ist. Dadurch können wir js besser verwenden, anstatt es durch eine völlig neue Sprache zu ersetzen.

Schauen wir uns direkt an: Was nützt Typoskript? Was kann getan werden?

1. Starke Typisierung zur Kompilierungszeit

TypeScript hat eine Reihe von Typmechanismen entwickelt, um eine starke Typbeurteilung zur Kompilierzeit sicherzustellen.

Der einfachste Weg besteht darin, den Typ der Variablen zu deklarieren, wenn die leistungsstarke starke Typisierung vom Compiler überprüft wird. Jeder andere Zuweisungstyp führt zu einem Kompilierungsfehler. Zu diesem Zeitpunkt müssen wir ihn nur ändern Laut Fehlerbericht reichen die entsprechenden Parameter aus.

Einer der größten Vorteile der starken Typisierung sind intelligente Eingabeaufforderungen. Sie können beispielsweise wissen, welche Eigenschaften und Methoden die aktuelle Variable hat, was sehr praktisch ist.

2. Modularisierung

Mit dem TypeScript-Schlüsselwortmodul können Sie einen ähnlichen Effekt wie einen Namespace erzielen und durch den Export steuern, ob extern darauf zugegriffen wird:

module Project{
    export module Core{
        function FuncA(){ }
        export function FuncB(){
           FuncA();//ok
        }
    }
}

module Project.Core{
    export function FuncC(){
        FuncA();//error
        FuncB();//ok
    }
}

Project.Core.FuncA();//error
Project.Core.FuncB();//ok
Project.Core.FuncC();//ok
Nach dem Login kopieren

Aus diesem Beispiel können wir ersehen, dass Module beim Zugriff als Trennzeichen verwendet werden können Auf das Schlüsselwort export kann extern zugegriffen werden, und Module können zusammengeführt werden. Auf Nicht-Exportobjekte kann jedoch nicht unter anderen Modulen zugegriffen werden, selbst wenn sie denselben Namen haben, z. B. FuncA().

3. Vorhandene Klassenbibliotheken können einfach verwendet werden

Ähnlich wie C-Header-Dateien können Sie mit TypeScript einige Deklarationen definieren und vorhandene Variablen und Typen deklarieren Rufen Sie problemlos vorhandene Klassenbibliotheken auf stark typisierte Weise auf.

Das Obige ist der gesamte Inhalt dieses Artikels. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWofür wird Typoskript verwendet? Was kann getan werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

5 häufige JavaScript-Speicherfehler 5 häufige JavaScript-Speicherfehler Aug 25, 2022 am 10:27 AM

JavaScript bietet keine Speicherverwaltungsoperationen. Stattdessen wird der Speicher von der JavaScript-VM durch einen Speicherrückgewinnungsprozess namens Garbage Collection verwaltet.

Wie erfordert die Verwendung von Vue3+TypeScript+Vite die dynamische Einführung statischer Ressourcen wie Bilder? Wie erfordert die Verwendung von Vue3+TypeScript+Vite die dynamische Einführung statischer Ressourcen wie Bilder? May 16, 2023 pm 08:40 PM

Frage: Wie verwende ich require, um statische Ressourcen wie Bilder dynamisch in ein Vue3+TypeScript+Vite-Projekt einzuführen? Beschreibung: Bei der heutigen Entwicklung eines Projekts (das Projektframework ist Vue3 + TypeScript + Vite) müssen statische Ressourcen dynamisch eingeführt werden, dh der src-Attributwert des img-Tags wird gemäß der bisherigen Praxis dynamisch abgerufen direkt durch require eingeführt werden: Nach dem Hochladen des Codes wird ein Wellenlinienfehler gemeldet und die Fehlermeldung lautet: Der Name „require“ kann nicht gefunden werden. Müssen Sie Typdefinitionen für den Knoten installieren? Versuchen Sie es mit npmi --save-dev@types/node. ts(2580) nach dem Ausführen von npmi--save-d

So verwenden Sie TypeScript in Vue3 So verwenden Sie TypeScript in Vue3 May 13, 2023 pm 11:46 PM

Wie deklariere ich einen Typ mit Feldnamen-Enumeration? Das Typfeld sollte konstruktionsbedingt ein Aufzählungswert sein und nicht willkürlich vom Aufrufer festgelegt werden. Das Folgende ist die Aufzählungsdeklaration des Typs mit insgesamt 6 Feldern. enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

So entwickeln Sie Hochleistungs-Computing-Funktionen mit Redis und TypeScript So entwickeln Sie Hochleistungs-Computing-Funktionen mit Redis und TypeScript Sep 20, 2023 am 11:21 AM

Überblick über die Verwendung von Redis und TypeScript zur Entwicklung leistungsstarker Computerfunktionen: Redis ist ein Open-Source-In-Memory-Datenstrukturspeichersystem mit hoher Leistung und Skalierbarkeit. TypeScript ist eine Obermenge von JavaScript, die ein Typsystem und eine bessere Unterstützung für Entwicklungstools bietet. Durch die Kombination von Redis und TypeScript können wir effiziente Rechenfunktionen entwickeln, um große Datenmengen zu verarbeiten und die Speicher- und Rechenfunktionen von Redis voll auszunutzen. Dieser Artikel zeigt Ihnen, wie es geht

Entwickeln Sie skalierbare Front-End-Anwendungen mit Redis und TypeScript Entwickeln Sie skalierbare Front-End-Anwendungen mit Redis und TypeScript Aug 01, 2023 pm 09:21 PM

Titel: Skalierbare Front-End-Anwendungen mit Redis und TypeScript entwickeln Einführung: Im heutigen Internetzeitalter ist Skalierbarkeit eines der Schlüsselelemente jeder Anwendung. Frontend-Anwendungen sind keine Ausnahme. Um den wachsenden Anforderungen der Benutzer gerecht zu werden, müssen wir effiziente und zuverlässige Technologie verwenden, um skalierbare Front-End-Anwendungen zu erstellen. In diesem Artikel stellen wir die Verwendung von Redis und TypeScript zur Entwicklung skalierbarer Front-End-Anwendungen vor und demonstrieren deren Anwendung anhand von Codebeispielen. Einführung in Redis

So implementieren Sie die Datentypkonvertierungsfunktion in TypeScript mithilfe von MySQL So implementieren Sie die Datentypkonvertierungsfunktion in TypeScript mithilfe von MySQL Jul 29, 2023 pm 02:17 PM

So implementieren Sie die Datentypkonvertierungsfunktion in TypeScript mithilfe von MySQL. Einführung: Die Datentypkonvertierung ist eine sehr häufige Anforderung bei der Entwicklung von Webanwendungen. Bei der Verarbeitung von in einer Datenbank gespeicherten Daten, insbesondere wenn MySQL als Back-End-Datenbank verwendet wird, müssen wir häufig die Daten in den Abfrageergebnissen in den von uns benötigten Typ konvertieren. In diesem Artikel wird erläutert, wie Sie mit MySQL die Datentypkonvertierung in TypeScript implementieren, und es werden Codebeispiele bereitgestellt. 1. Vorbereitung: Beginn

Schreiben Sie besseren Code mit TypeScript in PHP Schreiben Sie besseren Code mit TypeScript in PHP Jun 19, 2023 pm 06:31 PM

Mit der kontinuierlichen Weiterentwicklung von JavaScript werden Front-End-Ingenieure nach und nach auf einige Probleme in JavaScript selbst aufmerksam, wie z. B. die fehlende Typprüfung und Modularität, die bei großen Projekten häufig zu Verwirrung und Fehlern führen. Um diese Probleme zu lösen, wurde TypeScript ins Leben gerufen und entwickelte sich zu einer immer beliebter werdenden Sprache in der Frontend-Entwicklung. Im Bereich der Backend-Entwicklung war PHP schon immer eine äußerst beliebte Skriptsprache. Kombinieren Sie daher TypeScript, um PHP-Anwendungen zu entwickeln

So verwenden Sie TypeScript in Vue3 So verwenden Sie TypeScript in Vue3 May 18, 2023 pm 08:52 PM

Wie deklariere ich einen Typ mit Feldnamen-Enumeration? Das Typfeld sollte konstruktionsbedingt ein Aufzählungswert sein und nicht willkürlich vom Aufrufer festgelegt werden. Das Folgende ist die Aufzählungsdeklaration des Typs mit insgesamt 6 Feldern. enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

See all articles