Лиття типу 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базовий клас. Як обробляти типажі від SymbolInfoдо MarkerSymbolInfoв друкованому або JavaScript?

Ви можете зробити так:

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-синтаксису є те, що оригінальний синтаксис, конфліктуючий з JSX , див . Тут .

Якщо ви можете вибрати, просто використовуйте синтаксис, з яким ви відчуваєте себе більш комфортно. Особисто я віддаю перевагу asсинтаксису, оскільки відчувати себе більш вільно читати та писати.

У Typecript можна зробити instanceofперевірку в операторі if, і ви отримаєте доступ до тієї ж змінної з Typedвластивостями.

Отже, скажімо, MarkerSymbolInfoмає властивість, що називається marker. Ви можете зробити наступне:

if (symbolInfo instanceof MarkerSymbol) {
    // access .marker here
    const marker = symbolInfo.marker
}

Приємний маленький трюк - отримати екземпляр змінної, використовуючи ту саму змінну, не потребуючи присвоєння їй іншого імені змінної.

Перегляньте ці два ресурси для отримання додаткової інформації:

TypeScript instanceof і JavaScript instance