{"id":7539,"date":"2024-12-24T12:15:10","date_gmt":"2024-12-24T09:15:10","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/typescriptte-5-kotu-fikir\/"},"modified":"2024-12-24T12:15:10","modified_gmt":"2024-12-24T09:15:10","slug":"typescriptte-5-kotu-fikir","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/typescriptte-5-kotu-fikir\/","title":{"rendered":"TypeScript’te 5 K\u00f6t\u00fc Fikir"},"content":{"rendered":"

<\/p>\n

TypeScript’te 5 K\u00f6t\u00fc Fikir<\/p>\n

Merhaba! Ben Fatih Soysal ve bug\u00fcn TypeScript’te s\u0131k yap\u0131lan be\u015f yayg\u0131n hatadan ve bunlardan nas\u0131l ka\u00e7\u0131n\u0131laca\u011f\u0131n\u0131zdan bahsedece\u011fim. Bu hatalar, kodunuzun performans\u0131n\u0131, okunabilirli\u011fini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini olumsuz etkileyebilir. \u00d6yleyse, ba\u015flayal\u0131m!<\/p>\n

1. Gereksiz Aray\u00fczler (Interfaces):<\/h2>\n

TypeScript’in en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri aray\u00fczlerdir. Ancak, her \u015feyde aray\u00fcz kullanmak her zaman do\u011fru de\u011fildir. \u00d6zellikle, sadece tek bir s\u0131n\u0131f\u0131 tan\u0131mlamak i\u00e7in bir aray\u00fcz olu\u015fturmak gereksiz olabilir. Bu durum, kodda gereksiz karma\u015f\u0131kl\u0131\u011fa yol a\u00e7ar ve okunabilirli\u011fi d\u00fc\u015f\u00fcr\u00fcr. \u00d6rne\u011fin, tek bir s\u0131n\u0131f\u0131 tan\u0131mlamak i\u00e7in bir aray\u00fcz tan\u0131mlamak yerine do\u011frudan s\u0131n\u0131f\u0131 tan\u0131mlamak daha temiz ve daha anla\u015f\u0131l\u0131r olacakt\u0131r. Bu durum \u00f6zellikle k\u00fc\u00e7\u00fck projelerde daha belirgindir. B\u00fcy\u00fck projelerde ise aray\u00fczler daha faydal\u0131 olabilir, fakat yine de gereksiz yere kullan\u0131lmamal\u0131d\u0131r. Daha basit \u00e7\u00f6z\u00fcmler tercih edilmelidir.<\/p>\n

\u00d6rnek (K\u00f6t\u00fc):<\/strong><\/p>\n

\ninterface IUser {\n  name: string;\n  age: number;\n}\n\nclass User implements IUser {\n  name: string;\n  age: number;\n  constructor(name: string, age: number) {\n    this.name = name;\n    this.age = age;\n  }\n}\n<\/code><\/pre>\n
\u00d6rnek (\u0130yi):<\/strong><\/p>\n
\nclass User {\n  constructor(public name: string, public age: number) {}\n}\n<\/code><\/pre>\n
2.  any Tipinin A\u015f\u0131r\u0131 Kullan\u0131m\u0131:<\/h2>\n
TypeScript’in sa\u011flad\u0131\u011f\u0131 en \u00f6nemli avantajlardan biri, tip g\u00fcvenli\u011fidir.  Ancak,  any tipi kullanarak bu g\u00fcvenli\u011fi atlamak b\u00fcy\u00fck bir hatad\u0131r.  any tipi, TypeScript’in tip kontrol\u00fcn\u00fc devre d\u0131\u015f\u0131 b\u0131rak\u0131r ve bu da potansiyel hatalara ve beklenmedik davran\u0131\u015flara yol a\u00e7abilir.  \u00d6zellikle b\u00fcy\u00fck projelerde, bu t\u00fcr hatalar\u0131n tespiti ve giderilmesi olduk\u00e7a zor olabilir.  Bu nedenle,  any tipini m\u00fcmk\u00fcn oldu\u011funca az kullanmaya \u00f6zen g\u00f6stermeliyiz.  Tipleri belirlemek, kod kalitesini ve okunabilirli\u011fini art\u0131r\u0131r.<\/p>\n
3.  \u00c7ok Uzun Fonksiyonlar:<\/h2>\n
Uzun fonksiyonlar okunmas\u0131 ve anla\u015f\u0131lmas\u0131 zor olabilir.  B\u00fcy\u00fck fonksiyonlar\u0131 daha k\u00fc\u00e7\u00fck, daha \u00f6zelle\u015fmi\u015f fonksiyonlara ay\u0131rmak, kodun daha okunabilir ve s\u00fcrd\u00fcr\u00fclebilir olmas\u0131n\u0131 sa\u011flar.  Ayr\u0131ca,  tekrar kullan\u0131labilirli\u011fi art\u0131r\u0131r. Bu sayede kodun anla\u015f\u0131lmas\u0131 ve hata ay\u0131klanmas\u0131 kolayla\u015f\u0131r.  Daha k\u00fc\u00e7\u00fck fonksiyonlar daha kolay test edilebilir.  Bu da g\u00fcvenilirli\u011fi art\u0131r\u0131r.<\/p>\n
4.  Yetersiz Yorumlar:<\/h2>\n
Kodunuzu a\u00e7\u0131klamak i\u00e7in yeterli yorum eklememek,  ba\u015fkalar\u0131n\u0131n (ve gelecekteki sizin) kodunuzu anlamas\u0131n\u0131 zorla\u015ft\u0131r\u0131r.  Yorumlar, kodun ne yapt\u0131\u011f\u0131n\u0131 a\u00e7\u0131klamak, karma\u015f\u0131k algoritmalar\u0131 a\u00e7\u0131klamak ve \u00f6nemli kararlar\u0131 belgelemek i\u00e7in kullan\u0131labilir.  \u0130yi yorumlanm\u0131\u015f bir kod, hem bak\u0131m hem de i\u015fbirli\u011fi a\u00e7\u0131s\u0131ndan \u00e7ok daha kolayd\u0131r. Ayr\u0131ca, kodunuzu daha kolay anlaman\u0131za yard\u0131mc\u0131 olur.<\/p>\n
5.  A\u015f\u0131r\u0131 Karma\u015f\u0131k Tipler:<\/h2>\n
TypeScript’te karma\u015f\u0131k tip tan\u0131mlar\u0131 kullanmak, kodun okunabilirli\u011fini ve anla\u015f\u0131l\u0131rl\u0131\u011f\u0131n\u0131 olumsuz etkileyebilir.  Basit ve anla\u015f\u0131l\u0131r tip tan\u0131mlar\u0131 tercih edilmelidir.  Karma\u015f\u0131k tip tan\u0131mlar\u0131n\u0131 daha k\u00fc\u00e7\u00fck, daha y\u00f6netilebilir par\u00e7alara ay\u0131rmak, daha temiz ve daha okunabilir bir kod \u00fcretmenize yard\u0131mc\u0131 olur.  Bu sayede kod daha s\u00fcrd\u00fcr\u00fclebilir olur.<\/p>\n
Umar\u0131m bu makale TypeScript’te daha iyi kod yazman\u0131za yard\u0131mc\u0131 olmu\u015ftur.  Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Ba\u015fka sorular\u0131n\u0131z varsa l\u00fctfen yorum yap\u0131n!<\/p>\n
Faydal\u0131 bulabilece\u011finiz baz\u0131 kaynaklar:<\/p>\n