{"id":3945,"date":"2024-11-15T02:30:12","date_gmt":"2024-11-14T23:30:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/typescriptte-interface-ve-type-arasindaki-fark\/"},"modified":"2024-11-15T02:30:12","modified_gmt":"2024-11-14T23:30:12","slug":"typescriptte-interface-ve-type-arasindaki-fark","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/typescriptte-interface-ve-type-arasindaki-fark\/","title":{"rendered":"TypeScript’te Interface ve Type Aras\u0131ndaki Fark"},"content":{"rendered":"

TypeScript’te Interface ve Type Aras\u0131ndaki Fark<\/p>\n

TypeScript, JavaScript’e statik tipler ekleyen bir dildir. Bu, kodunuzun derleme zaman\u0131nda daha g\u00fcvenli olmas\u0131n\u0131 sa\u011flar ve hatalar\u0131n daha erken yakalanmas\u0131n\u0131 sa\u011flar. TypeScript, bu t\u00fcr g\u00fcvenli\u011fi sa\u011flamak i\u00e7in iki ana kavram kullan\u0131r: **interface** ve **type**.<\/p>\n

Interface Nedir?<\/h2>\n

Bir interface, belirli bir nesnenin yap\u0131s\u0131n\u0131 tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r. Bir interface, bir nesnenin sahip olmas\u0131 gereken \u00f6zellikleri ve bu \u00f6zelliklerin veri t\u00fcrlerini tan\u0131mlar. Bir interface asl\u0131nda bir “s\u00f6zle\u015fme” gibi d\u00fc\u015f\u00fcn\u00fclmelidir. Bir interface, bir nesnenin belirli bir yap\u0131da olmas\u0131 gerekti\u011fini belirtir.<\/p>\n

\u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n yap\u0131s\u0131n\u0131 tan\u0131mlamak i\u00e7in bir interface kullanabilirsiniz:<\/p>\n

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

Yukar\u0131daki interface, bir User nesnesinin name, age ve email \u00f6zelliklerine sahip oldu\u011funu ve bunlar\u0131n s\u0131ras\u0131yla string, number ve string t\u00fcr\u00fcnde oldu\u011funu belirtir. Bu interface, bir User nesnesinin nas\u0131l yap\u0131land\u0131r\u0131lmas\u0131 gerekti\u011fi konusunda bir \u015fablon g\u00f6revi g\u00f6r\u00fcr.<\/p>\n

Type Nedir?<\/h2>\n

Bir type, herhangi bir t\u00fcr\u00fc temsil etmek i\u00e7in kullan\u0131l\u0131r. Bu, bir de\u011fi\u015fkenin, bir fonksiyonun parametresinin veya d\u00f6n\u00fc\u015f de\u011ferinin sahip olabilece\u011fi t\u00fcr\u00fc belirlemek i\u00e7in kullan\u0131l\u0131r. Bir type, bir interface gibi bir yap\u0131 tan\u0131mlamaz, sadece bir t\u00fcr\u00fc temsil eder. Bir type, bir interface’ten daha esnektir, \u00e7\u00fcnk\u00fc ayn\u0131 type’\u0131 farkl\u0131 \u015fekillerde kullanabilirsiniz.<\/p>\n

\u00d6rne\u011fin, bir string veya number t\u00fcr\u00fcnden bir de\u011fi\u015fken tan\u0131mlamak i\u00e7in bir type kullanabilirsiniz:<\/p>\n

“`typescript
\ntype MyType = string | number;<\/p>\n

let myVariable: MyType = “Merhaba”;
\nmyVariable = 10;
\n“`<\/p>\n

Yukar\u0131daki \u00f6rnekte, MyType type’\u0131, string veya number t\u00fcr\u00fcnden bir de\u011fi\u015fkenin kullan\u0131labilece\u011fini belirtir. Bu, myVariable de\u011fi\u015fkeninin hem string hem de number de\u011ferleri alabilece\u011fi anlam\u0131na gelir.<\/p>\n

Interface ve Type Aras\u0131ndaki Farklar<\/h2>\n

Interface ve Type aras\u0131ndaki temel farklar \u015funlard\u0131r:<\/p>\n\n\n\n\n\n\n\n\n
\u00d6zellik<\/th>\nInterface<\/th>\nType<\/th>\n<\/tr>\n<\/thead>\n
Tan\u0131m<\/td>\nBir nesnenin yap\u0131s\u0131n\u0131 tan\u0131mlar.<\/td>\nHerhangi bir t\u00fcr\u00fc temsil eder.<\/td>\n<\/tr>\n
Kullan\u0131m<\/td>\nNesneleri tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r.<\/td>\nDe\u011fi\u015fkenler, fonksiyon parametreleri ve d\u00f6n\u00fc\u015f de\u011ferleri i\u00e7in kullan\u0131l\u0131r.<\/td>\n<\/tr>\n
Esneklik<\/td>\nDaha az esnektir.<\/td>\nDaha esnektir.<\/td>\n<\/tr>\n
Geni\u015fletilebilirlik<\/td>\nGeni\u015fletilebilir.<\/td>\nGeni\u015fletilemez.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Hangi Durumda Hangi Kavram Kullan\u0131lmal\u0131d\u0131r?<\/h2>\n

Interface’ler, nesnelerin yap\u0131s\u0131n\u0131 a\u00e7\u0131k\u00e7a tan\u0131mlamak i\u00e7in en iyi se\u00e7enektir. Bir nesnenin belirli \u00f6zelliklere sahip olmas\u0131 gerekti\u011finde, bir interface kullanmak en iyi \u00e7\u00f6z\u00fcmd\u00fcr. Type’lar, bir de\u011fi\u015fkenin alabilece\u011fi t\u00fcr\u00fc belirtmek veya bir fonksiyonun d\u00f6n\u00fc\u015f de\u011ferinin t\u00fcr\u00fcn\u00fc belirlemek i\u00e7in en iyi se\u00e7enektir. Bir de\u011fi\u015fkenin veya fonksiyonun farkl\u0131 t\u00fcrlerde de\u011ferler alabilece\u011fi durumlarda, bir type kullanmak daha uygun olabilir.<\/p>\n

\u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n yap\u0131s\u0131n\u0131 tan\u0131mlamak i\u00e7in bir interface kullanabilirsiniz, \u00e7\u00fcnk\u00fc bir kullan\u0131c\u0131n\u0131n belirli \u00f6zelliklere sahip olmas\u0131 gerekir. Ancak, bir fonksiyonun string veya number t\u00fcr\u00fcnden bir de\u011fer d\u00f6nd\u00fcrebilece\u011fini belirtmek i\u00e7in bir type kullanabilirsiniz.<\/p>\n

Interface ve Type’\u0131n Avantajlar\u0131<\/h2>\n

Interface’lerin ve type’lar\u0131n kullan\u0131lmas\u0131n\u0131n baz\u0131 avantajlar\u0131 \u015funlard\u0131r:<\/p>\n