{"id":3493,"date":"2024-11-10T08:45:12","date_gmt":"2024-11-10T05:45:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/typescriptte-fayda-turlerinin-gucunu-ortaya-cikarma\/"},"modified":"2024-11-10T08:45:12","modified_gmt":"2024-11-10T05:45:12","slug":"typescriptte-fayda-turlerinin-gucunu-ortaya-cikarma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/typescriptte-fayda-turlerinin-gucunu-ortaya-cikarma\/","title":{"rendered":"TypeScript’te Fayda T\u00fcrlerinin G\u00fcc\u00fcn\u00fc Ortaya \u00c7\u0131karma"},"content":{"rendered":"

TypeScript’te Fayda T\u00fcrlerinin G\u00fcc\u00fcn\u00fc Ortaya \u00c7\u0131karma<\/p>\n

TypeScript’in g\u00fc\u00e7l\u00fc taraflar\u0131ndan biri de fayda t\u00fcrlerinin varl\u0131\u011f\u0131d\u0131r. Fayda t\u00fcrleri, mevcut t\u00fcrleri temel alarak yeni t\u00fcrler olu\u015fturmak i\u00e7in kullan\u0131labilen \u00f6zel t\u00fcrlerdir. Bu sayede kodunuz daha okunakl\u0131, daha g\u00fcvenli ve daha esnek hale gelir. Fayda t\u00fcrleri sayesinde, tekrar eden kod yazmak yerine, daha genel ve esnek \u00e7\u00f6z\u00fcmler \u00fcretebilirsiniz.<\/p>\n

Temel Fayda T\u00fcrleri<\/h2>\n

TypeScript’te bir\u00e7ok fayda t\u00fcr\u00fc bulunur. En yayg\u0131n kullan\u0131lan birka\u00e7\u0131na bakal\u0131m:<\/p>\n

1. `Partial`:<\/h3>\n

Bir nesnenin baz\u0131 \u00f6zelliklerinin iste\u011fe ba\u011fl\u0131 olmas\u0131n\u0131 sa\u011flamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir kullan\u0131c\u0131 profili nesnesi olu\u015ftururken t\u00fcm bilgilerin zorunlu olmamas\u0131n\u0131 isteyebilirsiniz. Bu durumda, `Partial` fayda t\u00fcr\u00fcn\u00fc kullanabilirsiniz:<\/p>\n

“`typescript
\ninterface User {
\n name: string;
\n age: number;
\n email: string;
\n}<\/p>\n

type PartialUser = Partial;<\/p>\n

const user: PartialUser = {
\n name: “Fatih Soysal”,
\n \/\/ age: 30, iste\u011fe ba\u011fl\u0131
\n email: “fatih@soysal.com”
\n};
\n“`<\/p>\n

2. `Required`:<\/h3>\n

`Partial`’nin tam tersidir. Bir nesnenin t\u00fcm \u00f6zelliklerinin zorunlu olmas\u0131n\u0131 sa\u011flamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir form g\u00f6nderirken t\u00fcm bilgilerin girildi\u011finden emin olmak istersiniz:<\/p>\n

“`typescript
\ninterface LoginForm {
\n username: string;
\n password?: string;
\n}<\/p>\n

type RequiredLoginForm = Required;<\/p>\n

const loginData: RequiredLoginForm = {
\n username: “fatih”,
\n password: “secret”
\n};
\n“`<\/p>\n

3. `Readonly`:<\/h3>\n

Bir nesnenin \u00f6zelliklerinin de\u011fi\u015ftirilemez olmas\u0131n\u0131 sa\u011flamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir yap\u0131land\u0131rma dosyas\u0131 olu\u015ftururken, bu dosyan\u0131n yanl\u0131\u015fl\u0131kla de\u011fi\u015ftirilmesini \u00f6nlemek istersiniz:<\/p>\n

“`typescript
\ninterface Config {
\n apiUrl: string;
\n debugMode: boolean;
\n}<\/p>\n

type ReadonlyConfig = Readonly;<\/p>\n

const config: ReadonlyConfig = {
\n apiUrl: “https:\/\/api.example.com”,
\n debugMode: false
\n};<\/p>\n

\/\/ config.apiUrl = “https:\/\/newapi.example.com”; \/\/ Hata: ‘apiUrl’ \u00f6zelli\u011fi ‘readonly’ olarak i\u015faretlenmi\u015ftir.
\n“`<\/p>\n

4. `Pick`:<\/h3>\n

Bir nesneden belirli \u00f6zellikleri se\u00e7menizi sa\u011flar. \u00d6rne\u011fin, bir kullan\u0131c\u0131 profili nesnesinden sadece ad\u0131n\u0131 ve e-postas\u0131n\u0131 almak istiyor olabilirsiniz:<\/p>\n

“`typescript
\ninterface User {
\n name: string;
\n age: number;
\n email: string;
\n}<\/p>\n

type UserBasicInfo = Pick;<\/p>\n

const userBasicInfo: UserBasicInfo = {
\n name: “Fatih Soysal”,
\n email: “fatih@soysal.com”
\n};
\n“`<\/p>\n

5. `Omit`:<\/h3>\n

`Pick`’nin tam tersidir. Bir nesneden belirli \u00f6zellikleri \u00e7\u0131karman\u0131za olanak tan\u0131r. \u00d6rne\u011fin, bir kullan\u0131c\u0131 profili nesnesinden ya\u015f bilgisini \u00e7\u0131karmak istersiniz:<\/p>\n

“`typescript
\ninterface User {
\n name: string;
\n age: number;
\n email: string;
\n}<\/p>\n

type UserWithoutAge = Omit;<\/p>\n

const userWithoutAge: UserWithoutAge = {
\n name: “Fatih Soysal”,
\n email: “fatih@soysal.com”
\n};
\n“`<\/p>\n

Fayda T\u00fcrleri ile Kodunuzu Geli\u015ftirmek<\/h2>\n

Fayda t\u00fcrleri, TypeScript kodunuzu daha okunakl\u0131 ve g\u00fcvenli hale getirmenizi sa\u011flar. Ayr\u0131ca, kodunuzu daha esnek hale getirmenizi de sa\u011flar. \u00d6rne\u011fin, bir fonksiyonun parametreleri i\u00e7in fayda t\u00fcrleri kullanarak, fonksiyonun hangi t\u00fcr verilerle \u00e7al\u0131\u015fabilece\u011fini belirtmek ve hatalar\u0131 \u00f6nlemek m\u00fcmk\u00fcnd\u00fcr.<\/p>\n

Fayda t\u00fcrleri, geli\u015fmi\u015f ve karma\u015f\u0131k uygulamalar geli\u015ftirmek i\u00e7in de \u00f6nemli bir ara\u00e7t\u0131r. \u00d6rne\u011fin, React gibi k\u00fct\u00fcphaneler, fayda t\u00fcrleri arac\u0131l\u0131\u011f\u0131yla React bile\u015fenlerinin t\u00fcrlerini ve davran\u0131\u015flar\u0131n\u0131 tan\u0131mlamaktad\u0131r. Bu sayede, React bile\u015fenlerini daha g\u00fcvenli ve daha esnek bir \u015fekilde kullanabilirsiniz.<\/p>\n

Fayda T\u00fcrleri ile Daha Fazla \u0130mkan<\/h2>\n

Yukar\u0131da ele ald\u0131\u011f\u0131m\u0131z fayda t\u00fcrleri, TypeScript’te bulunan bir\u00e7ok fayda t\u00fcr\u00fcnden sadece birka\u00e7\u0131d\u0131r. TypeScript, farkl\u0131 ihtiya\u00e7lar i\u00e7in bir\u00e7ok fayda t\u00fcr\u00fc sunar. Bunlardan baz\u0131lar\u0131 \u015funlard\u0131r:<\/p>\n