Regeln für die Verwendung von Spitzen Klammern in Typoskript

Was sind die Allgemeinen Regeln, die bestimmen, Wann, wo, wie und warum Spitze Klammern, also "<...>" ist, sollte in Maschinenschrift?

Während ich denke, ich verstehe viele einzelne Nutzungen dieser Klammern, ich habe eine harte Zeit zu sehen, Allgemeine Muster, die für deren Verwendung: Sie manchmal zu sein scheinen vorangestellt, bevor die Dinge, manchmal angehängt, nachdem die Dinge; manchmal sind Sie für die Generika, die manchmal für bestimmte Arten; manchmal erscheinen Sie, wo ich hätte naiv erwartet, dass die Doppelpunkt-syntax verwendet werden.

Habe ich ein einigermaßen gutes Verständnis von TypeScript Grundlagen: Im Allgemeinen, ich habe studiert, das Typoskript Startseite tutorials, gegangen, über die wesentliche Teile der TypeScript-Spezifikation, Lesen Sie die "Endgültige Niederschrift Guide" web-site, und dann "Mastering Typoskript" video-tutorial. Auf dieses Thema habe ich auch gesucht, Google und StackOverflow.

Mein Problem ist nicht so viel Verständnis jede eine Besondere Verwendung der Spitzen Klammern. Vielmehr möchte ich eine kurze, aber erschöpfende/Universelle Erklärung, was die Klammern bedeuten, deren genaue syntax, wenn Sie verwendet werden sollten, wenn Sie sollte nicht verwendet werden, etc.

UPDATE:

Bin ich Aktualisierung meine Frage in Antwort auf einige Kommentare, um zu erklären, warum ich diese Frage Frage, und was genau ich Suche.

Lassen Sie mich veranschaulichen meine Anfrage, indem Sie ein Beispiel für etwas, was ich tun kennen Sie die Allgemeinen Regeln für die geschweiften Klammern in vanilla JavaScript. Die geschweiften Klammern kommen immer in einem paar von öffnenden und schließenden geschweiften Klammer umgeben, um eine Entität. Das Element kann eine der zwei wichtigsten "Dinge".

Ersten geschweiften Klammern umgeben können eine Gruppierung von Aussagen in:

  • den Körper einer Funktion, Methode, Konstruktor, oder generator,

  • den Körper eine if Datenschutzerklärung/- Klausel oder else Klausel,

  • den Körper eines for, for/of, for/in, while oder do/while Schleife,

  • den Körper eines try, catch oder finally block, oder

  • einen anonymen block von Anweisungen.

Zweiten geschweiften Klammern kann auch ein surround - Liste von:

  • Eigenschaften von einem Objekt-literal,

  • Konstruktoren, Eigenschaften und/oder Methoden eines class Erklärung,

  • Funktionen und/oder Konstanten exported oder imported aus einem Modul,

  • cases nach einem switch Kriterium, oder

  • enums.

(Oder nicht, ob diese Liste vollständig ist und/oder korrigieren ist nicht der Punkt.)

Nun vorstellen, dass jemand JavaScript lernen. So weit, könnte Sie gelernt haben, richtig, wie die Verwendung von geschweiften Klammern umgeben einen Anweisungsblock, d.h. der Einsatz in den ersten Satz der oben genannten Punkte. Jedoch, Sie kann gelegentlich auch begegnet geschweifte Klammern um Dinge, die nicht zu einem block von Anweisungen, z.B. {a:1, b:2} und wurden verwirrt, weil der Inhalt der geschweiften Klammern sind keine Anweisungen, die ausgeführt werden können. Oder, noch schlimmer, Sie möglicherweise nicht sogar in der Lage sein zu zeigen Sie an einem Beispiel, das Sie nicht verstehen. Sondern Sie hat einfach dieses nagende Gefühl in der Rückseite Ihres Geistes, dass code, der Sie begegnete, geschrieben von anderen Menschen enthält in geschweiften Klammern verwendet in ungewohnter Weise (obwohl Sie können mich nicht erinnern, wo). Das macht Sie vermuten, dass Ihr Aktuelles Verständnis der Verwendung von geschweiften Klammern sind möglicherweise unvollständig. Anstatt zu versuchen, die einzelnen Beispiele, die Sie nicht verstehen, Sie will einfach nur jemanden, um Ihr die obige Liste von "Regeln", wo geschweifte Klammern benutzen.

Also nochmal, meine Frage ist folgende: Kann mir jemand beschreiben, der für mich einige Allgemeine Grundsätze und/oder spezifische Regeln, die ausführlich beschreiben Sie die Verwendung von Spitzen Klammern im Typoskript der Weg, den ich beschrieben habe, die Verwendung von geschweiften Klammern im JavaScript über?

  • Konnte nicht geben Sie einige Beispiele von Spitzen Klammern verwenden, die Sie nicht verstehen? Was meinst du unter erscheinen, nachdem die Dinge und wo die Doppelpunkt-syntax verwendet werden? Spitze Klammern, bevor die Dinge möglicherweise Typumwandlung? Nach thnigs mit type parameter - ist defing generischen Typ.
  • re: vor/nach, hier sind Beispiele direkt aus dem Typoskript spec: Spitze Klammern, bevor sich etwas: var circle = <Circle> shape; -, Winkel-Klammern nach etwas: var x: KeyValuePair<number, string> = [10, "ten"]; -, Winkel-Klammern allein (D. H. weder vor noch nach): var <ClassName> = (function () {.... Wenn ich sage "Doppelpunkt-syntax", ich meine, dass man manchmal sehen <string> und manchmal sehen Sie ... : string. Thx für die spezifischen Erläuterungen, die Sie zur Verfügung gestellt, aber ich bin auf der Suche nach einer erschöpfend (aber einfachen und übersichtlichen) Regeln.
InformationsquelleAutor Andrew Willems | 2016-05-21
  1. 34

    Sich mit Fragen wie dieser, würde ich empfehlen, Lesen die Skillung, vor allem die Grammatik-Abschnitt. Syntax wie < something > verwendet wird, in

    1. Typ-Parameter

      • Definiert als < TypeParameterList > im Abschnitt 3.6.1

      • Verwendet mit Deklarationen und aufrufen der Signaturen von Klassen, interfaces, Funktionen und mehr

        function heat<T>(food: T): T { return food; }
          //^^^^^ Type parameter list

class Pizza<T, E extends Cheese> { toppingA: T; toppingB: E }
         //^^^^^^^^^^^^^^^^^^^^ Type parameter list

    2. Art Argumente

      • Definiert als < TypeArgumentList > im Abschnitt 3.6.2

      • Verwendet, mit Verweise auf generische Typen und Aufrufe von generischen Funktionen

        var pizza: Pizza<Pepperoni, Mozzarella>;
               //^^^^^^^^^^^^^^^^^^^^^^ Type argument list
pizza = heat<{ toppingA: Pepperoni, toppingB: Mozzarella}>(ingredients) 
           //^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Type argument list

        Update 2018-07-01:
        Ab version 2.9 generischen Typ-Parameter können auch verwendet werden, in JSX-Elemente und tagged Vorlagen.

         <MenuItem<Pizza> toppings={[Pepperoni, Mozzarella]} />
        //^^^^^^^ Type argument list

 const ratingHtml = escapeUserInput<string | number> `Customer ${feedback.customer.username} rated this pizza with <b>${feedback.rating}</b>/10!`
                                  //^^^^^^^^^^^^^^^^ Type argument list

    3. Typ Behauptungen

    4. JSX Ausdrücken (wenn aktiviert)

      • Dokumentiert nicht in der spec, aber sollten Folgen, die die syntax von JSX, das ist im Grunde ein Ausdruck wie

        <JSXElementName JSXAttributes(optional)> JSXChildren(optional) </JSXElementName>

        oder

        <JSXElementName JSXAttributes(optional) />
    • Es ist erwähnenswert, dass die bevorzugte syntax für eine Typ-Behauptung ist nun UnaryExpression as Type, wie der ehemalige ist mehrdeutig .tsx - Dateien.
    • Das ist genau das, was ich suchte. Danke für die Formulierung der use cases für die Spitzen Klammern. Danke auch für den Hinweis mich zu den betreffenden Abschnitten in der spec, vor allem die Grammatik-Abschnitt. Ich begonnen hatte, dem Lesen der spec, aber bekommen hatte, versunken und hatte nicht bemerkt, wie kurz und prägnant, dass Abschnitt beantwortet meine Frage.
    • Froh zu helfen. Beachten Sie, dass die Skillung, die ich verlinkt Punkte zu einer bestimmten version ist es so, dass die links in der Antwort wird nicht sterben in der Zukunft. Sie sollten jedoch wahrscheinlich die neueste version.
    • wissen Sie, wo wir finden konnten, ist die Skillung für version 2 von TypeScript?
    • Ich konnte nicht finden eine. Ihre Was ist neu in Maschinenschrift Dokument führt die neuen Funktionen ganz gut, aber ich hoffe, Sie aktualisieren Sie die doc-Verzeichnis bald zu.
    InformationsquelleAutor noppa
  2. 1

    Sind Sie für mehrere, viel zu semantisch unterschiedliche Ausdrücke für ein formulieren ein üblicher Fall über Sie. Es hängt auch von Kontext, ähnlich wie die geschweiften Klammern. Wie Sie wahrscheinlich wissen, die Spitzen Klammern in Paaren verwendet werden:

    • Als veraltet die syntax für Typ-Aussagen
    • Für die manuelle Angabe der generische Typ-Parameter
    • Für die Deklaration von Elementen in .tsx

    Wenn nicht in einem .tsx Datei, Spitze Klammern in Paaren, sind praktisch immer die Angabe von dem Vorhandensein einer generischen Typ-parameter. Man könnte formulieren ein system von Ausdrücken, die als solche (das ist wahrscheinlich die nächstgelegene Sie bekommen können):

    • Wenn im Rahmen einer Typ-definition geben Sie die annotation, method invocation-oder Klassendeklaration in Spitzen Klammern bezeichnen eine generischen Typ-parameter
    • Wenn im Rahmen einer TSX-element, Spitze Klammern bezeichnen ein element als transpiled durch eine TSX/JSX-compiler
    • Thx für deine Antwort. Re Ihr 1. Satz: bei allem Respekt, MUSS es möglich sein zu formulieren, die eine solche Beschreibung. Ich weiß nicht, ob Sie sah meine Frage aktualisieren. In ihm zeige ich, wie Sie, auch wenn Sie geschweifte Klammern in JavaScript mehrere, semantisch unterschiedlichen Anwendungsfälle, konnte ich ziemlich gut, legen Sie Sie alle in 4 kurzen Sätzen mit 2 5-Punkt-Listen. In der Tat, der rest deiner Antwort ist, glaube ich, einen Teil des Weges (tho noch nicht den ganzen Weg?) zu geben mir, was ich Suche. (Für das Protokoll, ich weiß noch nicht verstehen .tsx-Dateien, Reagieren, JSX, etc.)
    InformationsquelleAutor John Weisz
Schreibe einen Kommentar