{"id":18785,"date":"2025-04-21T12:45:17","date_gmt":"2025-04-21T09:45:17","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/typescript-utility-types-faydali-tipler-ve-kullanimlari\/"},"modified":"2025-04-21T12:45:17","modified_gmt":"2025-04-21T09:45:17","slug":"typescript-utility-types-faydali-tipler-ve-kullanimlari","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/typescript-utility-types-faydali-tipler-ve-kullanimlari\/","title":{"rendered":"TypeScript Utility Types: Faydal\u0131 Tipler ve Kullan\u0131mlar\u0131"},"content":{"rendered":"

TypeScript Utility Types: Faydal\u0131 Tipler ve Kullan\u0131mlar\u0131<\/p>\n

Merhaba! Ben Fatih Soysal ve bu yaz\u0131da TypeScript’in sundu\u011fu g\u00fc\u00e7l\u00fc yard\u0131mc\u0131 tip (utility type) ara\u00e7lar\u0131ndan bahsedece\u011fim. Bu tipler, kod yaz\u0131m\u0131n\u0131z\u0131 kolayla\u015ft\u0131rarak, daha temiz ve daha okunabilir bir kod \u00fcretmenize yard\u0131mc\u0131 olur. \u00d6zellikle b\u00fcy\u00fck projelerde, kod kalitesini ve bak\u0131m\u0131n\u0131 iyile\u015ftirmek i\u00e7in olduk\u00e7a \u00f6nemlidirler.<\/p>\n

Partial, Readonly ve Pick: Temel Yard\u0131mc\u0131 Tipler<\/h2>\n

TypeScript’in sundu\u011fu bir\u00e7ok yard\u0131mc\u0131 tip aras\u0131ndan en s\u0131k kullan\u0131lanlar\u0131ndan \u00fc\u00e7\u00fcn\u00fc inceleyelim: Partial<\/code>, Readonly<\/code> ve Pick<\/code>. \u00d6ncelikle, bu yard\u0131mc\u0131 tiplerin ne i\u015fe yarad\u0131klar\u0131n\u0131 ve nas\u0131l kullan\u0131ld\u0131klar\u0131n\u0131 \u00f6rneklerle a\u00e7\u0131klayal\u0131m. <\/p>\n

Partial<\/code> tipi, verilen T<\/code> tipindeki t\u00fcm \u00f6zelliklerin iste\u011fe ba\u011fl\u0131 (optional) hale getirilmesini sa\u011flar. Bu, \u00f6zellikle fonksiyonlar\u0131n parametrelerini tan\u0131mlarken veya nesnelerin k\u0131smi g\u00fcncellemelerini yaparken olduk\u00e7a faydal\u0131d\u0131r.<\/p>\n

\ninterface User {\n  name: string;\n  age: number;\n  email: string;\n}\n\nconst partialUser: Partial = {\n  name: 'Fatih',\n  email: 'fatih@fatihsoysal.com' \n};\n<\/code><\/pre>\n
G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, partialUser<\/code> de\u011fi\u015fkeninde, age<\/code> \u00f6zelli\u011fi belirtilmemi\u015f olsa da hata al\u0131nmaz. \u00c7\u00fcnk\u00fc Partial<\/code> tipi sayesinde t\u00fcm \u00f6zellikler iste\u011fe ba\u011fl\u0131 hale gelmi\u015ftir.  Sonu\u00e7 olarak, daha esnek ve dinamik bir kod yaz\u0131m\u0131 sa\u011flar.<\/p>\n
Readonly<\/code> tipi ise, verilen T<\/code> tipindeki t\u00fcm \u00f6zelliklerin salt okunur (read-only) hale getirilmesini sa\u011flar.  Bu, verilerin yanl\u0131\u015fl\u0131kla de\u011fi\u015ftirilmesini engellemek i\u00e7in kullan\u0131l\u0131r. \u00d6zellikle b\u00fcy\u00fck projelerde, hata ay\u0131klama s\u00fcrecinizi h\u0131zland\u0131rabilir.<\/p>\n
\nconst readonlyUser: Readonly = {\n  name: 'Fatih',\n  age: 30,\n  email: 'fatih@fatihsoysal.com'\n};\n\nreadonlyUser.name = 'Ali'; \/\/ Hata verecektir!\n<\/code><\/pre>\n
Bu \u00f6rnekte, readonlyUser<\/code> de\u011fi\u015fkeninin \u00f6zelliklerini de\u011fi\u015ftirmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131m\u0131zda bir hata alaca\u011f\u0131z. \u00c7\u00fcnk\u00fc Readonly<\/code> tipi, t\u00fcm \u00f6zellikleri salt okunur olarak tan\u0131mlam\u0131\u015ft\u0131r.  Bu da veri b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc koruyarak kod g\u00fcvenli\u011fini art\u0131r\u0131r.  Ayr\u0131ca, bir nesnenin \u00f6zelliklerini de\u011fi\u015ftirmek istemedi\u011finiz durumlarda da olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
Pick<\/code> tipi, verilen T<\/code> tipinde belirtilen K<\/code> \u00f6zelliklerini se\u00e7menizi sa\u011flar.  Bu, b\u00fcy\u00fck nesnelerden sadece ihtiyac\u0131n\u0131z olan \u00f6zellikleri alarak kodunuzu daha temiz ve daha okunabilir hale getirmenizi sa\u011flar.<\/p>\n
\nconst pickedUser: Pick = {\n  name: 'Fatih',\n  email: 'fatih@fatihsoysal.com'\n};\n<\/code><\/pre>\n
Burada, pickedUser<\/code> de\u011fi\u015fkeni sadece name<\/code> ve email<\/code> \u00f6zelliklerini i\u00e7erir.  Di\u011fer \u00f6zellikler (\u00f6rne\u011fin, age<\/code>) dahil de\u011fildir. Bu sayede, gereksiz \u00f6zelliklerle u\u011fra\u015fmadan, sadece gerekli verileri kullanabiliriz.<\/p>\n
Record, Omit ve Exclude: Daha Geli\u015fmi\u015f Kullan\u0131mlar<\/h2>\n
\u015eimdi ise, biraz daha geli\u015fmi\u015f yard\u0131mc\u0131 tipler olan Record<\/code>, Omit<\/code> ve Exclude<\/code>‘u ele alal\u0131m.  Bu tipler, daha karma\u015f\u0131k senaryolarda kodunuzu basitle\u015ftirmenize yard\u0131mc\u0131 olur.<\/p>\n
Record<\/code> tipi, belirtilen K<\/code> anahtarlar\u0131na sahip ve T<\/code> tipinden de\u011ferlere sahip bir nesne olu\u015fturman\u0131z\u0131 sa\u011flar. Bu \u00f6zellikle, aray\u00fczler veya tipler olu\u015ftururken olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
\ntype StringDictionary = Record; \/\/ String anahtarlar\u0131na ve string de\u011ferlerine sahip bir nesne\n<\/code><\/pre>\n
Omit<\/code> tipi, T<\/code> tipinde belirtilen K<\/code> \u00f6zelliklerini hari\u00e7 tutar.  Pick<\/code>‘in tam tersidir. Belirli \u00f6zellikleri kald\u0131rman\u0131z gerekti\u011finde olduk\u00e7a pratiktir.  \u00d6rne\u011fin, bir aray\u00fczden belirli bir \u00f6zelli\u011fi kald\u0131rmak istedi\u011finizde kullanabilirsiniz.<\/p>\n
\ntype UserWithoutAge = Omit;\n<\/code><\/pre>\n
Son olarak, Exclude<\/code> tipi, T<\/code> tipinde ama U<\/code> tipinde olmayan de\u011ferleri d\u00f6nd\u00fcr\u00fcr.  Tipleri filtrelemek i\u00e7in kullan\u0131l\u0131r ve genellikle birle\u015ftirme (union) tipleriyle birlikte kullan\u0131l\u0131r.<\/p>\n
\ntype NumberOrString = number | string;\ntype OnlyNumbers = Exclude; \/\/ Sadece number tipindeki de\u011ferleri i\u00e7erir.\n<\/code><\/pre>\n
Bu \u00f6rnekte, OnlyNumbers<\/code> tipi sadece number<\/code> tipindeki de\u011ferleri i\u00e7erir, \u00e7\u00fcnk\u00fc string<\/code> tipi Exclude<\/code> ile hari\u00e7 tutulmu\u015ftur. Bu yard\u0131mc\u0131 tipler, karma\u015f\u0131k tipler \u00fczerinde i\u015flem yaparken \u00e7ok b\u00fcy\u00fck kolayl\u0131k sa\u011flar.<\/p>\n
Sonu\u00e7<\/h2>\n
TypeScript’in yard\u0131mc\u0131 tipleri, kodunuzu daha g\u00fcvenli, temiz ve okunabilir hale getiren g\u00fc\u00e7l\u00fc ara\u00e7lard\u0131r.  Bu tiplerin do\u011fru ve etkili bir \u015fekilde kullan\u0131m\u0131, b\u00fcy\u00fck projelerde kod kalitesini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir.  Umar\u0131m bu makale, TypeScript’in sundu\u011fu bu harika ara\u00e7lar\u0131 anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Ayr\u0131ca, daha derinlemesine bilgi i\u00e7in a\u015fa\u011f\u0131daki kaynaklara da g\u00f6z atabilirsiniz:<\/p>\n