TypeScript Kodunuzu 6 Temel Yardımcı Program Türüyle Nasıl Basitleştirirsiniz?

TypeScript, kod tabanınıza statik yazma eklemenizi sağlayan bir JavaScript üst kümesidir. TypeScript, güçlü yazım sistemiyle, geliştirilmiş kod okunabilirliği ve derleme süresi boyunca hataları yakalama yeteneği sunar.

TypeScript'in en faydalı yönlerinden biri, kodlama çabalarınızı basitleştirebilen ve değerli geliştirme süresinden tasarruf edebilen yerleşik yardımcı program türleridir. Kolaylıkla güvenli yazma kodu yazmanıza yardımcı olabilecek bu bilinmesi gereken TypeScript yardımcı program türlerine bir göz atın.

TypeScript'ler Kısmi yardımcı program türü, bir nesnenin herhangi bir özelliğini isteğe bağlı yapmanızı sağlar. Eksik veya tanımlanmamış olabilecek belirli özelliklere sahip nesneler oluşturmanıza olanak tanır. Örneğin:

arayüz Kullanıcı { 
 isim: sicim; 
 yaş: sayı; 
 e-posta: sicim;
}

Kullanmak Kısmi yardımcı program türü, Kullanıcı arabiriminin tüm özelliklerini isteğe bağlı olarak ayarlayarak yeni bir tür oluşturabilirsiniz:

tip İsteğe Bağlı Kullanıcı = Kısmi

Artık, yalnızca bazı özelliklerin tanımlanmış olduğu bir İsteğe BağlıKullanıcı türü örneği oluşturabilirsiniz:

sabit kullanıcı: İsteğe BağlıKullanıcı = { ad: "John" };

Belirli isteğe bağlı özelliklere sahip bir nesne oluşturmanız gereken durumlarla karşılaşabilirsiniz. Bu işe yarayabilir özellikle formlar oluştururken birden çok alana sahip olanların tümü gerekli olmayabilir ve bu gibi durumlarda kısmi fayda hayati olabilir.

TypeScript'in Tür Seç yardımcı programı, mevcut bir türden yalnızca bir özellik alt kümesi seçerek yeni bir tür oluşturmanıza yardımcı olabilir. Daha büyük bir nesneyi gerekli olan yalnızca birkaç özelliğe daraltmanız gerektiğinde veya ihtiyacınız olan özellikler üzerinde katı yazmaya zorlamak istediğinizde kullanışlı olur.

arayüz Kullanıcı { 
 konum: sicim;
 yaş: sayı; 
 e-posta: sicim;
}
tip PersonWithoutEmail = Seç'konum' | 'yaş'>;
sabit kişi: PersonWithoutEmail = { 
 konum: 'AMERİKA BİRLEŞİK DEVLETLERİ', 
 yaş: 30
};

Bu örnekte, "Kullanıcı" adlı bir arayüz üç özelliği tanımlar: e-posta, yaş ve konum.

kullanarak Yardımcı program türünü seçin, Kullanıcı arayüzünden "konum" ve "yaş" özelliklerini seçerek ayıklayabilir ve bunun sonucunda "PersonWithoutEmail" adlı yeni bir türün oluşturulmasını sağlayabilirsiniz.

Daha sonra "PersonWithoutEmail" türünün yeni bir örneğini oluşturabilir ve yalnızca "konum" ve "yaş" özelliklerine değerler atayabilirsiniz. "email" özelliği bu türden çıkarıldığı için nesneye atayamazsınız.

Pick yardımcı programı türüyle, yalnızca istediğiniz özellikleri içeren yeni bir tür oluşturabilirsiniz. Bu, kodunuzu daha okunabilir ve üzerinde çalışılması daha kolay hale getirmeye yardımcı olabilir.

Salt okunur tip, bir nesnenin özniteliklerinin oluşturulduktan sonra değişmez olduğunu belirtir. Bu tür, nesnenin verilerinin uzun vadede tutarlılığını garanti ederek daha sorunsuz ve daha güvenli kod işleme sağlar.

arayüz Kullanıcı {
 salt okunur isim: sicim; 
 salt okunur yaş: sayı; 
 salt okunur e-posta: sicim;
}

Kullanmak Salt okunur yardımcı program türü, salt okunur olarak belirlenmiş tüm Kullanıcı arabirimi özellikleriyle yeni bir tür oluşturabilirsiniz:

tip ReadonlyUser = Salt Okunur

Bir ReadonlyUser örneği oluştururken özellik değerleri belirtebilirsiniz:

sabit kullanıcı: ReadonlyUser = { 
 isim: "John", 
 yaş: 30, 
 e-posta: "[email protected]"
};

Bir nesnenin özelliklerini salt okunur olarak işaretlediğinizde, bu özelliklerin değerlerini değiştirmeye çalışmak imkansız hale gelir:

kullanıcı.adı = "Jane";
// Hata: Salt okunur bir özellik olduğu için 'ad' atanamaz.

Salt Okunur türü, belirli bir nesneye nasıl başvurulduğuna bakılmaksızın değişmediğinden emin olmak istediğiniz durumlarda özellikle önemlidir. Örneğin, önemli yapılandırma ayarlarını içeren bir nesneniz varsa, bunun değiştirilmeden kalmasını sağlamak istersiniz.

Bu tip, bir Nesnenin tüm temel özelliklerinin mevcut olmasını sağlarken, Kısmi tip özelliklerin bir alt kümesini belirtirken diğerlerinden ayrılmanıza izin vererek daha fazla esneklik sunar isteğe bağlı. Bu, bazı özelliklerin gerekli olmayabileceği veya değişebileceği durumlarda faydalı olabilir.

arayüz Kullanıcı {
 isim: sicim; 
 konum: sayı; 
 adres: sicim;
}

kullanarak Gerekli yardımcı program türü, tüm Kullanıcı Arabirimi özniteliklerini birleştiren ve bu özelliklerin her birinin mevcut olmasını gerektiren yeni bir tür oluşturmak mümkündür. Bir RequiredUser örneğinin oluşturulması, yalnızca tüm özellikleri uygun şekilde ayarlandıktan sonra mümkündür.

sabit kullanıcı: GerekliKullanıcı = { 
 isim: "John Doe", 
 konum: "AMERİKA BİRLEŞİK DEVLETLERİ", 
 adres: "Kansas 9745-0622"
};

Gerekli yardımcı program türünün kullanılması, gerekli tüm özelliklerin bir nesne içinde bulunmasını sağlar.

Atla yardımcı programı türü, mevcut bir türden belirli özellikleri hariç tutarak yeni bir tür oluşturmanıza olanak tanır.

arayüz Kişi {
 konum: sicim; 
 yaş: sayı;
 e-posta: sicim;
}
tip PersonWithoutEmail = Atla"e-posta">;
sabit kişi: PersonWithoutEmail = { konum: "AMERİKA BİRLEŞİK DEVLETLERİ"; yaş: 30 };

Kişi arayüzünün üç özelliği vardır: yaş, konum ve e-posta. PersonWithoutEmail türü, e-posta hariç, bir Person nesnesinin tüm özelliklerini dahil etmek için bir Omit yardımcı programı türünü kullanır. Ardından, bir e-posta özelliği için bir değer belirtmeden bu yeni türün bir örneğini oluşturabilirsiniz.

Yalnızca belirttiğiniz özellikleri kullanarak yeni bir tür tasarlamanıza olanak tanıdığından, Omit yardımcı program türünün Pick yardımcı program türüyle önemli benzerlikler paylaştığını unutmamalısınız.

Anahtarların ve değerlerin belirli bir türüne sahip olduğu bir nesne türünü tanımlamak için Kayıt yardımcı programı türünü kullanabilirsiniz. Tanımı:

tip Kayıtuzanır keyof herhangi, T> = { [P içinde K]: T;};

Bu, T türünü her bir anahtarın değeriyle ilişkilendirirken K, herhangi bir türdeki anahtarların birleşimidir. Ortaya çıkan nesnenin özellik türü P, T olarak ayarlanmıştır.

Dize tuşları ve sayısal değerler içeren bir nesne türü senaryosunu düşünün. Bu durumda, uygulayabilirsiniz Kayıt yardımcı programı türü gibi:

tip MyRecord = Kayıt<sicim, sayı>;
sabit nesnem: Kaydım = { 
"foo": 1, 
"çubuk": 2, 
"baz": 3,
}

Bu örnek, MyRecord'u dize tuşları ve sayısal değerler içeren bir nesne türü olarak belirtir. myObject nesnesi, karşılık gelen değerlerine atanan "foo", "bar" ve "baz" tuşlarıyla bu türün bir örneğini bünyesinde barındırır.

Bu makale, TypeScript yardımcı program türlerinin muazzam gücünü ortaya çıkardı; konu kodunuzu düzene sokmak ve geliştirmeyi daha hızlı ve daha verimli hale getirmek olduğunda bunlar değerli bir varlık olabilir. Bu yardımcı program türleri ve genel olarak TypeScript, kodunuzun her zaman hatasız olmasını ve belirli yapılara uymasını sağlamak için harikalar yaratabilir.