TypeScript- oder JavaScript-Typumwandlung

Wie geht man mit Type Casting in TypeScript oder Javascript um?

Angenommen, ich habe den folgenden TypeScript-Code:

module Symbology { 

    export class SymbolFactory { 

        createStyle( symbolInfo : SymbolInfo) : any { 
            if (symbolInfo == null)
            {
                 return null;
            }

            if (symbolInfo.symbolShapeType === "marker") {      

                // how to cast to MarkerSymbolInfo          
                return this.createMarkerStyle((MarkerSymbolInfo) symbolInfo);
            }                                  
        }

        createMarkerStyle(markerSymbol : MarkerSymbolInfo ): any { 
            throw "createMarkerStyle not implemented";
        }              

    }
}

Wo SymbolInfoist eine Basisklasse? Wie gehe ich mit Typecasting von SymbolInfobis MarkerSymbolInfoin TypeScript oder Javascript um?

Sie können wie folgt besetzen:

return this.createMarkerStyle(<MarkerSymbolInfo> symbolInfo);

Oder so, wenn Sie mit dem tsx-Modus kompatibel sein möchten:

return this.createMarkerStyle(symbolInfo as MarkerSymbolInfo);

Denken Sie daran, dass dies eine Umwandlung zur Kompilierungszeit und keine Laufzeitbesetzung ist.

Dies wird als Typ Behauptung in Typoskript, und da Typoskript 1.6, gibt es zwei Möglichkeiten , dies zum Ausdruck zu bringen:

// Original syntax
var markerSymbolInfo = <MarkerSymbolInfo> symbolInfo;

// Newer additional syntax
var markerSymbolInfo = symbolInfo as MarkerSymbolInfo;

Beide Alternativen sind funktional identisch . Der Grund für die Einführung der as-syntax ist, dass die ursprüngliche Syntax mit JSX in Konflikt steht. Siehe die Designdiskussion hier .

Wenn Sie in der Lage sind zu wählen, verwenden Sie einfach die Syntax, mit der Sie sich wohler fühlen. Ich persönlich bevorzuge die as-Ssyntax, da das Lesen und Schreiben fließender ist.