Jaki jest typ pominięcia w TypeScript?

TypeScript oferuje szeroką gamę typów narzędzi, dzięki którym jego system typów jest wygodniejszy i wydajniejszy. Typy te umożliwiają użytkownikom budowanie nowego typu w oparciu o istniejący typ poprzez usuwanie lub modyfikowanie właściwości, ustawianie właściwości jako tylko do odczytu lub opcjonalnych i wiele więcej. Każdy typ narzędzia wykonuje określoną funkcjonalność w oparciu o swoją nazwę, np. typ „opcjonalny” powoduje, że właściwości są opcjonalne, „tylko do odczytu” deklaruje pole jako tylko do odczytu i tak dalej.

W tym przewodniku wyjaśniono typ narzędzia „Pomiń” w TypeScript.

Jaki jest typ pominięcia w TypeScript?

„ Pomijać ” typ narzędziowy tworzy nowy typ poprzez wykluczenie niepotrzebnych właściwości typu podstawowego. Typ podstawowy reprezentuje istniejący typ, z którego pochodzi nowy typ.

Składnia

wpisz NowyTyp = Pomijać < Istniejący typ, „Nazwa właściwości 1” | „Nazwa właściwości 2” | ... >

Powyższa składnia może „ Pomijać ” wiele właściwości „ Istniejący typ ”, oddzielając je za pomocą „ LUB (|)” operatora.

Wykorzystajmy w praktyce zdefiniowany powyżej typ narzędzia „Pomiń”.

Przykład 1: Stosowanie opcji „Pomiń” z aliasem typu

W tym przykładzie użyto typu narzędzia „Omit”, aby utworzyć nowy typ na podstawie istniejącego typu.

Kod

Skopiuj podaną linię kodu do pliku „.ts” projektu TypeScript:

wpisz Użytkownik = {
nazwa : strunowy,
wiek : numer,
Lokalizacja : strunowy
} ;

wpisz UserWithoutAge = Pomijać < Użytkownik, 'wiek' >;

konst użytkownik bez uprawnień : Użytkownik bez wieku = {

nazwa : 'Lub' ,

Lokalizacja : „Islamabad”

} ;

konsola. dziennik ( użytkownik bez uprawnień ) ;

W tym kodzie:

„ Użytkownik ” typ jest zdefiniowany przy użyciu nazwy, wieku i lokalizacji określonych właściwości.
Następnie „ Użytkownik bez wieku ” nowy typ jest tworzony z istniejącego typu „Użytkownik”, wykluczając jego właściwość „wiek” za pomocą „ Pomijać typ użytkowy.
Następnie obiekt „ użytkownik bez uprawnień ” typu „UserWithoutAge” określa wszystkie pola istniejącego typu „Użytkownik” za wyjątkiem „wiek”.
Wreszcie „ konsola.log() ” stosowana jest metoda wyświetlania obiektu „userwithoutage”.

Wyjście

Skompiluj plik „.ts” i uruchom automatycznie wygenerowany plik „.js”:

tsc główne. js //Skompiluj plik.ts

węzeł główny. js //Uruchom plik .js

Można zauważyć, że terminal wyświetla dane wyjściowe obiektu nowego typu „UserWithoutAge”.

Przykład 2: Zastosowanie typu „Pomiń” z interfejsem

W tym przykładzie zastosowano typ narzędzia „Omit” z interfejsami w celu utworzenia nowego typu.

Kod

interfejs Użytkownik {

nazwa : strunowy ;

wiek : numer ;

Lokalizacja : strunowy ;

}

wpisz Nowa Osoba = Pomijać < Użytkownik, 'wiek' | 'Lokalizacja' >;

konst osoba : Nowa osoba = {

nazwa : 'Lub'

} ;

konsola. dziennik ( osoba ) ;

Teraz podane linie kodu:

Zdefiniuj interfejs „ Użytkownik ” mający następującą nazwę właściwości, ciąg znaków i lokalizację.
Następnie utwórz nowy typ „ Nowa osoba ” z istniejącego interfejsu „Użytkownik” z wyłączeniem określonych właściwości, wieku i lokalizacji.
Następnie utwórz obiekt nowego typu „NewPerson” o nazwie „ osoba ” podając tylko jedną właściwość tj. „nazwę” istniejącego interfejsu „Użytkownik”.
Na koniec wyświetl pola obiektu „osoba” za pomocą przycisku „ konsola.log() ' metoda.

Wyjście

Skompiluj i wykonaj kod:

tsc główne. js //Skompiluj plik.ts

węzeł główny. js //Uruchom plik .js

Terminal pokazuje tylko jedną wartość właściwości nowego typu „NewPerson” określoną w swoim obiekcie.

Przykład 3: Zastosowanie typu „Pomiń” z funkcją()

W tym przykładzie wykorzystano typ „Omit” z funkcją zwracającą obiekt interfejsu przekazanego jako argument poprzez pominięcie kilku właściwości istniejącego interfejsu.

Kod

interfejs Użytkownik {

nazwa : strunowy ;

wiek : numer ;

Lokalizacja : strunowy ;

}

funkcja getUserDetails ( nowy użytkownik : Pomijać < Użytkownik, 'nazwa' | 'Lokalizacja' > ) : numer {

powrót ( nowy użytkownik. wiek )

}

konst nowy użytkownik : Użytkownik = {

wiek : 40 ,

nazwa : 'Lub' ,

Lokalizacja : „Islamabad”

} ;

konst Dane użytkownika = pobierz szczegóły użytkownika ( nowy użytkownik ) ;

konsola. dziennik ( Dane użytkownika ) ;

Powyższy fragment kodu:

Najpierw utwórz interfejs „ Użytkownik ” posiadający właściwości imienia, wieku i lokalizacji.
Następnie zdefiniuj nazwę funkcji „ pobierz szczegóły użytkownika() ”, który pomija właściwości „name” i „location” typu „newuser” istniejącego interfejsu, tj. „User”.
Funkcja ta zwraca wartość liczbową czyli „wiek” użytkownika.
Teraz utwórz obiekt „ nowy użytkownik ” interfejsu „Użytkownik”, aby określić wartości jego właściwości.
Następnie wywołaj zdefiniowaną funkcję „getUserDetails()”, przekazując jako parametr obiekt „newuser” za pomocą metody „ Dane użytkownika ”stała.
Na koniec wyświetl wynik „userDeatils” za pomocą przycisku „ konsola.log() ' metoda.

Wyjście

tsc główne. js //Skompiluj plik.ts

węzeł główny. js //Uruchom plik .js

Terminal pokazuje tylko „ wiek ”, ponieważ „nazwa” i „lokalizacja” są wykluczane poprzez typ narzędzia „Pomiń”.

Wniosek

W TypeScript typ narzędzia „ Pomijać ” przyjmuje istniejący typ jako swój pierwszy parametr i tworzy nowy typ, wykluczając kilka właściwości istniejącego typu. Ten typ narzędzia pomaga zduplikować istniejący typ w celu utworzenia nowego typu posiadającego niektóre jego właściwości, zamiast tworzyć nowy typ od zera. Można go zastosować z aliasami typu, interfejsami i funkcjami. W tym przewodniku szczegółowo wyjaśniono typ narzędzia „Pomiń” w TypeScript.

Jaki jest typ pominięcia w TypeScript?