Przesyłanie czcionek TypeScript lub JavaScript

185

Jak obsługuje się rzutowanie tekstu w TypeScript lub JavaScript?

Powiedz, że mam następujący kod 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";
        }              

    }
}

gdzie SymbolInfojest klasa podstawowa. Jak obsługiwać rzutowanie typu od SymbolInfodo MarkerSymbolInfow TypeScript lub JavaScript?

casting typescript

— Klaus Nji
źródło

284

Możesz rzucić w ten sposób:

return this.createMarkerStyle(<MarkerSymbolInfo> symbolInfo);

Lub jeśli chcesz być kompatybilny z trybem TSX:

return this.createMarkerStyle(symbolInfo as MarkerSymbolInfo);

Pamiętaj tylko, że jest to rzutowanie w czasie kompilacji, a nie rzutowanie w czasie wykonywania.

— blorkfish
źródło

10

Teraz widzę to w dokumencie, określanym jako Asercje typu w sekcji 4.13.

— Klaus Nji,

Ta odpowiedź nie zapewnia już pełnego obrazu asercji w maszynopisie, podczas gdy odpowiedź Alexa daje pełniejszy obraz i powinna być odpowiedzią akceptowaną.

— Kristoffer Dorph

@KristofferDorph Ta odpowiedź ma 4 lata. W momencie pisania TypeScript był w wersji 0.8.1, a zatem była poprawną odpowiedzią w tym czasie. Obsługa JSX została uwzględniona dopiero 3 lata później.

— blorkfish

@blorkfish to prawda, ale dobrą praktyką jest podążanie za czasami, więc ludzie zadający dziś to samo pytanie otrzymują aktualną odpowiedź, a nie tak, jak 4 lata temu :-)

— Kristoffer Dorph

160

Nazywa się to asercją typu w TypeScript, a od TypeScript 1.6 istnieją dwa sposoby na wyrażenie tego:

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

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

Obie alternatywy są funkcjonalnie identyczne . Powodem wprowadzenia as-syntax jest konflikt oryginalnej oryginalnej składni z JSX , patrz dyskusja projektowa tutaj .

Jeśli jesteś w stanie dokonać wyboru, po prostu skorzystaj ze składni, w której czujesz się bardziej komfortowo. Osobiście wolę as-syntax, ponieważ czytanie i pisanie jest bardziej płynne.

— Alex
źródło

2

Jak wskazujesz maszynopisowi, że dokonałeś konwersji obiektu na inny typ? Na przykład func, który zwraca typ2, w nim http dostaje typ 1, logikę do konwersji i zwraca to, co było typem 1, ale teraz jest typem 2?

— Tony Gutierrez

@TonyGutierrez Jak przeprowadzić konwersję?

— Alex

1

Zasadniczo weź jedną właściwość i zmodyfikuj. Jedynym sposobem, jaki to zrobiłem, jest utworzenie nowego var (typ2) i skopiowanie rekwizytów z type1var, a następnie zwrócenie go. Nie możesz zmodyfikować typu 1 i powrócić, lub pojawia się błąd „Nie można rzutować”.

— Tony Gutierrez

1

W maszynopisie można wykonać instanceofsprawdzenie instrukcji if i będziesz mieć dostęp do tej samej zmiennej z Typedwłaściwościami.

Powiedzmy, że MarkerSymbolInfoma właściwość o nazwie marker. Możesz wykonać następujące czynności:

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

Miłą sztuczką jest uzyskanie wystąpienia zmiennej przy użyciu tej samej zmiennej bez konieczności ponownego przypisywania jej do innej nazwy zmiennej.

Sprawdź te dwa zasoby, aby uzyskać więcej informacji:

Instancja TypeScript i Instancja JavaScript

— Deweloper Newteq
źródło