Приведение типов TypeScript или JavaScript

Question

Приведение типов TypeScript или JavaScript

91

Как обрабатывать листинг типов в 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 - базовый класс. Как обрабатывать typecast от SymbolInfo до MarkerSymbolInfo в TypeScript или Javascript?

Klaus Nji 02 нояб. 2012, в 23:43

Источник

Теги:

typescript

casting

2 ответа

83

Это называется type assertion в TypeScript, а с TypeScript 1.6 есть два способа выразить это:

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

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

Обе альтернативы функционально идентичны. Причиной введения as -syntax является то, что исходный синтаксис противоречил JSX, см. Обсуждение дизайна здесь.

Если вы в состоянии выбрать, просто используйте синтаксис, с которым вам будет комфортно. Я лично предпочитаю as -syntax, поскольку он чувствует себя более свободно читать и писать.

Alex 12 фев. 2016, в 13:38

1

Как вы указываете для машинописи, что вы преобразовали объект в другой тип? Например, func, который возвращает type2, внутри него он получает http 1, выполняет ли логика преобразование и возвращает то, что было type1, но теперь type2?
Tony Gutierrez 05 июль 2018, в 05:56
0

@TonyGutierrez Как вы делаете преобразование?
Alex 05 июль 2018, в 07:49
0

В основном взять одно свойство и изменить. Единственный способ сделать это - создать новый var (type2) и скопировать его в подпорку из type1var, а затем вернуть его. Вы не можете изменить type1 и вернуться, или вы получаете ошибку «Can't cast».
Tony Gutierrez 05 июль 2018, в 12:50

Показать ещё 1 комментарий

Ещё вопросы

Как вы указываете для машинописи, что вы преобразовали объект в другой тип? Например, func, который возвращает type2, внутри него он получает http 1, выполняет ли логика преобразование и возвращает то, что было type1, но теперь type2?
@TonyGutierrez Как вы делаете преобразование?
В основном взять одно свойство и изменить. Единственный способ сделать это - создать новый var (type2) и скопировать его в подпорку из type1var, а затем вернуть его. Вы не можете изменить type1 и вернуться, или вы получаете ошибку «Can't cast».

blorkfish · Accepted Answer · 2012-11-03T06-18-00.000Z

Вы можете сделать так:

return this.createMarkerStyle(<MarkerSymbolInfo> symbolInfo);

Или, например, если вы хотите быть совместимым с режимом tsx:

return this.createMarkerStyle(symbolInfo as MarkerSymbolInfo);

Просто помните, что это компиляция времени, а не исполнение времени выполнения.

Теперь я вижу это в документе, называемом утверждениями типа в разделе 4.13.
Это не работает в режиме JSX. Очень грустный.
Этот ответ больше не дает полной картины утверждения типа в машинописи, тогда как ответ Алекса дает более полную картину и должен быть принятым ответом.
@KristofferDorph Этому ответу 4 года. На момент написания статьи TypeScript был версии 0.8.1 и, следовательно, был правильным ответом на тот момент. Поддержка JSX была включена только через 3 года.
@blorkfish, это правда, но это хорошая практика, чтобы следовать за временем, поэтому люди, задающие тот же вопрос сегодня, получают текущий ответ, а не так, как 4 года назад :-)