TypeScript obsługuje niestandardowe typy, które można zdefiniować za pomocą „ interfejs ' Lub ' typ ”. Interfejs może być zaimplementowany przez klasę lub obiekt, podczas gdy alias typu może być użyty tylko do stworzenia nowej nazwy dla istniejącego typu lub do zdefiniowania unii typów. Chociaż typy i interfejsy są często wymienne, istnieją pewne różnice w ich funkcjonalności i składni, które czynią je bardziej odpowiednimi dla określonych scenariuszy.
Ten blog opisuje interfejs i typ TypeScript oraz różnice między nimi.
Czym jest interfejs TypeScript a typ?
“ Interfejs ' I ' typ ” są używane do definiowania niestandardowych typów w TypeScript. Istnieją jednak pewne różnice w ich funkcjonalności i składni. Główna różnica między interfejsem a typem polega na tym, że interfejs definiuje nowy typ, podczas gdy alias typu nie.
Interfejs może być zaimplementowany przez klasę lub obiekt, podczas gdy typy mogą definiować bardziej złożone typy za pomocą funkcji takich jak sumy i przecięcia. Ogólnie rzecz biorąc, interfejsy są częściej używane do definiowania kształtów obiektów i interfejsów API, podczas gdy typy są częściej używane do definiowania złożonych typów danych i typów narzędzi. Zrozummy oba z nich osobno.
Co to jest interfejs TypeScript?
Interfejs TypeScript to technika definiowania kształtu obiektu TypeScript. Jest tworzony przy użyciu słowa kluczowego „ interfejs ” i określa zestaw atrybutów i metod, których obiekt wymaga, aby został sklasyfikowany jako tego typu. Jest odpowiednikiem klasy w programowaniu obiektowym; jednak nie definiuje żadnej implementacji. Interfejsy są wykorzystywane głównie do sprawdzania typu i zapewniania, że obiekt jest zgodny z określoną strukturą.
Zanim przejdziesz dalej, pamiętaj, że aby wykonać plik TypeScript, należy go przetransponować do pliku JavaScript, a następnie uruchomić kod JavaScript na terminalu za pomocą podanych poleceń:
tsc nazwa pliku.tswęzeł nazwa_pliku.js
Przykład
Utwórz interfejs o nazwie „Użytkownik”, który definiuje trzy atrybuty i metodę „ zdobyć informacje() ”:
Użytkownik interfejsu {imię: ciąg;
nazwisko: ciąg;
wiek: liczba;
zdobyć informacje ( ) : próżnia;
}
Utwórz klasę „ Student ”, który jest dziedziczony z interfejsem. Klasa definiuje swoje atrybuty, konstruktor, który przypisze wartości do atrybutów oraz metodę „getInfo()”, która wyświetli wartości odnoszące się do atrybutów:
imię: ciąg;
nazwisko: ciąg;
wiek: liczba;
konstruktor ( imię: ciąg, nazwisko: ciąg, wiek: liczba ) {
this.imię = imię;
this.nazwisko = nazwisko;
ten.wiek = wiek;
}
zdobyć informacje ( ) : próżnia {
log konsoli ( 'Informacja dla studentów:' )
log konsoli ( '- Nazwa: ' + to.imię + '' + to.nazwisko ) ;
log konsoli ( '- Wiek: ' + ten.wiek ) ;
}
}
Utwórz obiekt „ Student ' o imieniu ' standardowe ' z ' Użytkownik ”, wywołując konstruktor ze słowem kluczowym „new”, a następnie wywołując metodę getInfo() w celu wydrukowania danych na konsoli:
std.getInfo ( ) ;
Wyjście
Co to jest typ TypeScript?
Typy TypeScript są najczęściej używane do tworzenia aliasów dla istniejących typów, a także do tworzenia bardziej skomplikowanych typów. Reprezentuje określony kształt lub strukturę danych. Można go zdefiniować/zadeklarować za pomocą „ typ słowo kluczowe. Typy języka TypeScript można wykorzystać do uczynienia kodu bardziej zrozumiałym i zmniejszenia liczby powtórzeń/duplikacji.
Przykład
Najpierw zdefiniuj typ „ Użytkownik ' używając ' typ ” słowo kluczowe określone z pięcioma właściwościami, jedną z nich jest atrybut opcjonalny, czyli „ telefon ”:
typ Użytkownik = {imię: ciąg;
nazwisko: ciąg;
wiek: liczba;
e-mail: ciąg znaków;
telefon?: ciąg znaków;
} ;
Zdefiniuj funkcję o nazwie „ pobierzPełneNazwisko ”, który przyjmuje parametr typu „ Użytkownik ” i drukuje dane składające się z informacji o osobie, w tym „ nazwa ”, „ wiek ”, „ e-mail ' I ' numer telefonu ”:
log konsoli ( 'Informacje o użytkowniku:' )
log konsoli ( '- Nazwa: ' + osoba.imię + '' + osoba.nazwisko ) ;
log konsoli ( '- Wiek: ' + osoba.wiek ) ;
log konsoli ( '- E-mail: ' + osoba.e-mail ) ;
log konsoli ( '-numer telefonu: ' + osoba.tel ) ;
}
Teraz utwórz obiekt „ osoba „typu” Użytkownik ” z parami klucz-wartość:
imię: „Mily” ,
nazwisko: „Michał” ,
wiek: 28 ,
e-mail: „mili124@yahoo.com” ,
telefon: '086-34581734'
} ;
Na koniec wydrukuj informacje o użytkowniku, wywołując funkcję getInfo():
Wyjście
To było wszystko o interfejsie i typie TypeScript.
Wniosek
W TypeScript „ interfejs ' I ' typ ” służą do definiowania typów niestandardowych. Interfejs może być zaimplementowany przez klasę lub obiekt, podczas gdy typy mogą definiować bardziej złożone typy za pomocą funkcji takich jak sumy i przecięcia. Są to potężne funkcje, które mogą pomóc w pisaniu bardziej zorganizowanego i skalowalnego kodu. W tym blogu opisano interfejs i typ TypeScript oraz różnice między nimi.