TypeScript或JavaScript类型转换

如何处理TypeScript或Javascript中的类型转换？

说我有以下TypeScript代码：

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";
        }              

    }
}

SymbolInfo基类在哪里。如何在TypeScript或Javascript中处理从SymbolInfo到的类型转换MarkerSymbolInfo？

您可以像这样进行投射：

return this.createMarkerStyle(<MarkerSymbolInfo> symbolInfo);

如果您想与tsx模式兼容，也可以这样：

return this.createMarkerStyle(symbolInfo as MarkerSymbolInfo);

只要记住这是编译时强制转换，而不是运行时强制转换。

这在TypeScript中称为类型断言，从TypeScript 1.6开始，有两种表达方式：

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

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

两种选择在功能上都是相同的。引入as-syntax 的原因是原始语法与JSX冲突，请参见此处的设计讨论。

如果您有选择的余地，请使用更喜欢的语法。我个人更喜欢as-syntax，因为它看起来更读写。