TypeScript'teki Atlama Türü nedir?

Typescript Teki Atlama Turu Nedir



TypeScript, yazı sistemini daha kullanışlı ve verimli hale getirmek için çok çeşitli yardımcı program türleri sunar. Bu türler, kullanıcıların özellikleri kaldırarak veya değiştirerek, özellikleri salt okunur veya isteğe bağlı hale getirerek ve çok daha fazlasını yaparak mevcut türe dayalı yeni bir tür oluşturmasına olanak tanır. Her yardımcı program türü, 'isteğe bağlı' tür, özellikleri isteğe bağlı hale getirir, 'salt okunur', alanı salt okunur olarak bildirir vb. gibi, ismine dayalı olarak belirli işlevler gerçekleştirir.

Bu kılavuzda TypeScript'teki 'Omit' yardımcı program türü açıklanmaktadır.

TypeScript'teki Atlama Türü nedir?

Çıkarmak Yardımcı program türü, temel türün gereksiz özelliklerini hariç tutarak yeni bir tür oluşturur. Temel tür, yeni türün türetildiği mevcut türü temsil eder.







Sözdizimi



NewType yazın = Çıkarmak < Mevcut Tür, 'ÖzellikAdı1' | 'ÖzellikAdı2' | ... >

Yukarıdaki sözdizimi “ Çıkarmak ' birden fazla özelliği ' Mevcut Tür “ yardımıyla ayırarak VEYA (|)” operatörü.



Yukarıda tanımladığımız “Omit” yardımcı program tipini uygulamalı olarak kullanalım.





Örnek 1: “Omit” Tür Takma Adıyla Uygulama

Bu örnek, mevcut türden yeni bir tür oluşturmak için “Omit” yardımcı program türünü kullanır.



Kod

Verilen kod satırını TypeScript projesinin “.ts” dosyasına kopyalayın:

Kullanıcı yazın = {
isim : sicim,
yaş : sayı,
konum : sicim
} ;

Kullanıcı Yaşı Olmadan yazın = Çıkarmak < Kullanıcı, 'yaş' >;

yapı yaşsız kullanıcı : Yaşı Olmayan Kullanıcı = {

isim : 'Veya' ,

konum : 'İslamabad'

} ;

konsol. kayıt ( yaşsız kullanıcı ) ;

Bu kodda:

  • Kullanıcı ” türü, belirtilen özelliklerin adı, yaşı ve konumu ile tanımlanır.
  • Daha sonra “ Yaşı Olmayan Kullanıcı Mevcut “Kullanıcı” türünden “age” özelliği hariç tutularak yeni bir tür oluşturulur. Çıkarmak ” yardımcı program türü.
  • Bundan sonra bir nesne “ yaşsız kullanıcı 'Yaş' dışındaki mevcut 'Kullanıcı' türündeki tüm alanları belirten 'KullanıcıYaşsız' türü oluşturulur.
  • Son olarak “ console.log() “Userwithoutage” nesnesinin görüntülenmesi için ” yöntemi uygulanır.

Çıktı

“.ts” dosyasını derleyin ve otomatik olarak oluşturulan “.js” dosyasını çalıştırın:

tsc ana. js //Compile.ts Dosyası

düğüm ana. js //.js Dosyasını Çalıştır

Terminalin yeni tip “UserWithoutAge” nesnesinin çıktısını görüntülediği görülmektedir.

Örnek 2: “Omit” Türünü Arayüzle Uygulama

Bu örnekte, yeni bir tür oluşturmak için 'Omit' yardımcı program türü arabirimlerle birlikte uygulanır.

Kod

arayüz Kullanıcı {

isim : sicim ;

yaş : sayı ;

konum : sicim ;

}

Yeni Kişi yazın = Çıkarmak < Kullanıcı, 'yaş' | 'konum' >;

yapı kişi : Yeni kişi = {

isim : 'Veya'

} ;

konsol. kayıt ( kişi ) ;

Şimdi belirtilen kod satırları:

  • Bir arayüz tanımlayın “ Kullanıcı ” aşağıdaki özelliklere sahip ad, dize ve konum.
  • Ardından yeni bir tür oluşturun ' Yeni kişi ”, belirtilen özelliklerin yaşı ve konumu hariç olmak üzere mevcut “Kullanıcı” arayüzünden.
  • Bundan sonra “adlı yeni tip “NewPerson” nesnesini oluşturun. kişi ” yalnızca bir özelliği, yani mevcut “Kullanıcı” arayüzünün “adı”nı belirtir.
  • Son olarak “kişi” nesnesinin alanlarını “ console.log() ' yöntem.

Çıktı

Kodu derleyin ve yürütün:

tsc ana. js //Compile.ts Dosyası

düğüm ana. js //.js Dosyasını Çalıştır

Terminal, nesnesinde belirtilen yeni 'NewPerson' tipinin yalnızca bir özellik değerini gösterir.

Örnek 3: Function() ile “Omit” Türünü Uygulama

Bu örnek, mevcut arayüzün birkaç özelliğini atlayarak argümanı olarak iletilen bir arayüzün nesnesini döndürmek için bir işlevle birlikte 'Omit' türünü kullanır.

Kod

arayüz Kullanıcı {

isim : sicim ;

yaş : sayı ;

konum : sicim ;

}

getUserDetails işlevi ( yeni kullanıcı : Çıkarmak < Kullanıcı, 'isim' | 'konum' > ) : sayı {

geri dönmek ( yeni kullanıcı. yaş )

}

yapı yeni kullanıcı : Kullanıcı = {

yaş : 40 ,

isim : 'Veya' ,

konum : 'İslamabad'

} ;

yapı Kullanıcı detayları = Kullanıcı Ayrıntılarını Al ( yeni kullanıcı ) ;

konsol. kayıt ( Kullanıcı detayları ) ;

Yukarıdaki kod parçacığı:

  • İlk önce bir arayüz oluşturun “ Kullanıcı ” isim, yaş ve konum özelliklerine sahip.
  • Daha sonra bir işlev adı tanımlayın “ getUserDetails() Mevcut arayüzün 'yeni kullanıcı' tipinin 'ad' ve 'konum' özelliklerini, yani 'Kullanıcı'yı atlayan.
  • Bu fonksiyon sayısal bir değer, yani kullanıcının “yaşını” döndürür.
  • Şimdi “” şeklinde bir nesne oluşturun. yeni kullanıcı 'Kullanıcı' arayüzünün özellik değerlerini belirtmek için.
  • Daha sonra tanımlı “getUserDetails()” fonksiyonunu parametre olarak “newuser” nesnesini geçirerek “” yardımıyla çağırın. Kullanıcı detayları ' devamlı.
  • Son olarak “userDeatils” çıktısını “ console.log() ' yöntem.

Çıktı

tsc ana. js //Compile.ts Dosyası

düğüm ana. js //.js Dosyasını Çalıştır

Terminal yalnızca “ yaş ” özellik değeri, çünkü “ad” ve “konum”, “Omit” yardımcı program türü aracılığıyla hariç tutulmuştur.

Çözüm

TypeScript'te yardımcı program türü ' Çıkarmak ” ilk parametresi olarak mevcut tipi alır ve mevcut tipin birkaç özelliğini hariç tutarak yeni bir tip oluşturur. Bu yardımcı program türü, yeni türü sıfırdan oluşturmak yerine, bazı özelliklerine sahip yeni bir türün oluşturulması için mevcut bir türün kopyalanmasına yardımcı olur. “Type” takma adı, arayüzleri ve fonksiyonlarıyla uygulanabilir. Bu kılavuz, TypeScript'teki 'Omit' yardımcı program türünü derinlemesine açıkladı.