# JavaScript Prototipsel Miras Desenini Anlamak<\/p>\n
JavaScript’te nesne olu\u015fturman\u0131n ve \u00f6zelliklerini y\u00f6netmenin en temel yollar\u0131ndan biri prototipsel mirasd\u0131r. Bu, kodunuzda tekrar\u0131 azaltman\u0131za, temiz ve d\u00fczenli bir mimari olu\u015fturman\u0131za ve g\u00fc\u00e7l\u00fc, esnek uygulamalar geli\u015ftirmenize olanak tan\u0131r. Ancak, bu g\u00fc\u00e7l\u00fc mekanizman\u0131n inceliklerini anlamak biraz zaman alabilir. Bu makalede, JavaScript prototipsel miras desenini s\u0131f\u0131rdan ba\u015flayarak, ileri seviye konulara kadar ad\u0131m ad\u0131m ele alaca\u011f\u0131z ve ger\u00e7ek d\u00fcnya \u00f6rnekleriyle peki\u015ftirece\u011fiz.<\/p>\n
\u00d6\u011frenme Yol Haritas\u0131:<\/strong><\/p>\n * Yeni Ba\u015flayan:<\/strong> Temel kavramlar, JavaScript’te Nesneler ve Prototipler: Ba\u015flang\u0131\u00e7 Noktas\u0131<\/strong><\/p>\n JavaScript, prototip tabanl\u0131 bir dildir. Bu, her nesnenin bir prototipi oldu\u011funu ve bu prototipin \u00f6zelliklerine ve y\u00f6ntemlerine eri\u015febildi\u011fini ifade eder. Yeni bir nesne olu\u015fturdu\u011funuzda, bu nesne, prototipinden \u00f6zellik ve y\u00f6ntemleri miras al\u0131r. Bu, kod tekrar\u0131n\u0131 \u00f6nlemenin ve nesneler aras\u0131nda ortak davran\u0131\u015flar\u0131 payla\u015fman\u0131n etkili bir yoludur. Peki, bu nas\u0131l \u00e7al\u0131\u015f\u0131r? Bir \u00f6rnek \u00fczerinden inceleyelim:<\/p>\n Bu \u00f6rnekte, Prototipsel Miras\u0131 Daha Derin Anlamak: Miras Zincirleri<\/strong><\/p>\n Prototipsel miras, tek bir prototiple s\u0131n\u0131rl\u0131 de\u011fildir. Bir nesnenin prototipi de kendi prototipine sahip olabilir ve bu zincirleme devam eder. Bu zincir, prototip zinciri<\/strong> olarak adland\u0131r\u0131l\u0131r. Bir nesne bir \u00f6zelli\u011fe veya metoda sahip de\u011filse, JavaScript bu \u00f6zelli\u011fi veya metodu prototip zincirinde yukar\u0131 do\u011fru aramaya ba\u015flar. Bu arama, Bu \u00f6rnekte, Prototipsel Miras ile Ger\u00e7ek D\u00fcnya Senaryolar\u0131: Uygulama \u00d6rnekleri<\/strong><\/p>\n Prototipsel miras, \u00f6zellikle b\u00fcy\u00fck ve karma\u015f\u0131k JavaScript uygulamalar\u0131nda \u00e7ok faydal\u0131d\u0131r. \u00d6rne\u011fin, bir oyun geli\u015ftirme projesinde, farkl\u0131 karakter tipleri (\u00f6rne\u011fin, sava\u015f\u00e7\u0131, b\u00fcy\u00fcc\u00fc, h\u0131rs\u0131z) olu\u015fturabilirsiniz. Her karakter tipi, ortak \u00f6zelliklere (\u00f6rne\u011fin, sa\u011fl\u0131k puan\u0131, sald\u0131r\u0131 g\u00fcc\u00fc) sahip olabilirken, ayn\u0131 zamanda kendi benzersiz \u00f6zelliklerine (\u00f6rne\u011fin, sava\u015f\u00e7\u0131 i\u00e7in z\u0131rh, b\u00fcy\u00fcc\u00fc i\u00e7in mana) de sahip olabilir. Prototipsel miras, bu ortak \u00f6zellikleri tek bir yerde tan\u0131mlayarak kod tekrar\u0131n\u0131 \u00f6nlemenizi sa\u011flar.<\/p>\n Di\u011fer bir \u00f6rnek ise bir e-ticaret uygulamas\u0131ndaki \u00fcr\u00fcn y\u00f6netimi olabilir. Farkl\u0131 \u00fcr\u00fcn kategorileri (giyim, elektronik, kitap) olu\u015fturabilir ve her kategori i\u00e7in ortak \u00f6zellikler (ad, fiyat, stok) tan\u0131mlayabilirsiniz. Her kategoriye \u00f6zg\u00fc \u00f6zellikler (\u00f6rne\u011fin, giyim i\u00e7in beden, elektronik i\u00e7in garanti s\u00fcresi) ekleyebilirsiniz. Prototipsel miras, bu ortak \u00f6zellikleri tekrar tekrar yazmaktan kurtar\u0131r ve kodun daha okunabilir ve s\u00fcrd\u00fcr\u00fclebilir olmas\u0131n\u0131 sa\u011flar.<\/p>\n Bir ba\u015fka ger\u00e7ek d\u00fcnya \u00f6rne\u011fi olarak, bir sosyal medya uygulamas\u0131ndaki kullan\u0131c\u0131 profillerini ele alal\u0131m. T\u00fcm kullan\u0131c\u0131lar i\u00e7in ortak \u00f6zellikler (ad, soyad, e-posta) tan\u0131mlayabiliriz ve farkl\u0131 kullan\u0131c\u0131 tipleri (admin, yazar, okuyucu) i\u00e7in farkl\u0131 yetkilere sahip prototipler olu\u015fturabiliriz. Bu, kodun daha mod\u00fcler ve \u00f6l\u00e7eklenebilir olmas\u0131n\u0131 sa\u011flar.<\/p>\n Prototipsel Miras\u0131n Performans Optimizasyonu: \u0130pu\u00e7lar\u0131 ve Stratejiler<\/strong><\/p>\n Prototipsel miras\u0131n performans\u0131n\u0131 optimize etmek i\u00e7in birka\u00e7 \u00f6nemli ipucu bulunmaktad\u0131r. \u00d6ncelikle, prototip zincirinin uzunlu\u011funu m\u00fcmk\u00fcn oldu\u011funca k\u0131sa tutmak \u00f6nemlidir. Uzun prototip zincirleri, \u00f6zellik ve metot aramalar\u0131nda performans kayb\u0131na neden olabilir. Gereksiz arama i\u015flemlerini \u00f6nlemek i\u00e7in, s\u0131k kullan\u0131lan \u00f6zellikleri ve metotlar\u0131 do\u011frudan nesneye eklemek daha verimli olabilir.<\/p>\n Ayr\u0131ca, Son olarak, gereksiz prototip zincirleri olu\u015fturmaktan ka\u00e7\u0131nmak da \u00f6nemlidir. E\u011fer bir nesnenin ba\u015fka bir nesneden miras almas\u0131 gerekmiyorsa, do\u011frudan nesneye \u00f6zellik ve metotlar eklemek daha verimli olabilir.<\/p>\n Prototipsel Miras\u0131n Dezavantajlar\u0131 ve Alternatifler<\/strong><\/p>\n Prototipsel miras\u0131n baz\u0131 dezavantajlar\u0131 da vard\u0131r. \u00d6rne\u011fin, prototip zincirinin karma\u015f\u0131kl\u0131\u011f\u0131, \u00f6zellikle b\u00fcy\u00fck uygulamalarda, kodun anla\u015f\u0131lmas\u0131n\u0131 ve hata ay\u0131klamas\u0131n\u0131 zorla\u015ft\u0131rabilir. Ayr\u0131ca, prototipsel miras, kodun daha az okunabilir ve s\u00fcrd\u00fcr\u00fclebilir olmas\u0131na neden olabilir.<\/p>\n Prototipsel miras\u0131n alternatifleri aras\u0131nda s\u0131n\u0131f tabanl\u0131 miras bulunur. S\u0131n\u0131f tabanl\u0131 miras, daha yap\u0131land\u0131r\u0131lm\u0131\u015f ve daha okunabilir bir kod \u00fcretme avantaj\u0131na sahiptir. Ancak, JavaScript’in prototip tabanl\u0131 yap\u0131s\u0131 nedeniyle, s\u0131n\u0131f tabanl\u0131 miras, prototipsel mirasa g\u00f6re daha az esnek olabilir. Do\u011fru yakla\u015f\u0131m\u0131 se\u00e7mek, projenizin b\u00fcy\u00fckl\u00fc\u011f\u00fc, karma\u015f\u0131kl\u0131\u011f\u0131 ve gereksinimlerine ba\u011fl\u0131d\u0131r. K\u00fc\u00e7\u00fck projeler i\u00e7in prototipsel miras yeterli olabilirken, b\u00fcy\u00fck ve karma\u015f\u0131k projelerde s\u0131n\u0131f tabanl\u0131 miras veya di\u011fer tasar\u0131m desenleri daha uygun olabilir.<\/p>\n Prototipsel Miras ile \u0130lgili S\u0131k\u00e7a Sorulan Sorular (SSS)<\/strong><\/p>\n 1. 2. Prototipsel miras ile s\u0131n\u0131f tabanl\u0131 miras aras\u0131ndaki fark nedir?<\/strong> Prototipsel miras, nesnelerin prototiplerini kopyalayarak miras al\u0131rken, s\u0131n\u0131f tabanl\u0131 miras, s\u0131n\u0131flar aras\u0131ndaki ili\u015fkileri kullan\u0131r. JavaScript’te s\u0131n\u0131flar, prototipsel miras \u00fczerine bir soyutlama katman\u0131d\u0131r.<\/p>\n 3. Prototip zincirinde bir \u00f6zellik bulunamad\u0131\u011f\u0131nda ne olur?<\/strong> JavaScript, prototip zincirinde yukar\u0131 do\u011fru arama yapar ve \u00f6zelli\u011fi bulana kadar devam eder. E\u011fer \u00f6zellik bulunmazsa, 4. Prototipsel miras\u0131n performans\u0131n\u0131 nas\u0131l optimize edebilirim?<\/strong> Prototip zincirini k\u0131sa tutun, 5. Prototipsel miras, b\u00fcy\u00fck projeler i\u00e7in uygun bir yakla\u015f\u0131m m\u0131d\u0131r?<\/strong> B\u00fcy\u00fck projelerde, prototipsel miras\u0131n karma\u015f\u0131kl\u0131\u011f\u0131 kodun anla\u015f\u0131lmas\u0131n\u0131 ve s\u00fcrd\u00fcr\u00fclmesini zorla\u015ft\u0131rabilir. Bu t\u00fcr projelerde, daha yap\u0131land\u0131r\u0131lm\u0131\u015f bir yakla\u015f\u0131m veya alternatif tasar\u0131m desenleri tercih edilebilir. Ancak, do\u011fru mimari ve tasar\u0131m ile b\u00fcy\u00fck projelerde de prototipsel miras kullan\u0131labilir.<\/p>\n Yazar: Fatih Soysal<\/p>\n","protected":false},"excerpt":{"rendered":"# JavaScript Prototipsel Miras Desenini Anlamak JavaScript’te nesne olu\u015fturman\u0131n ve \u00f6zelliklerini y\u00f6netmenin en temel yollar\u0131ndan biri prototipsel mirasd\u0131r.…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[],"class_list":{"0":"post-29928","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nprototype<\/code> \u00f6zelli\u011fi, basit \u00f6rnekler.
\n* Orta:<\/strong> Ger\u00e7ek d\u00fcnya senaryolar\u0131, miras zincirinin anla\u015f\u0131lmas\u0131, optimizasyon ipu\u00e7lar\u0131.
\n* \u0130leri D\u00fczey:<\/strong> Performans analizi, prototipsel miras\u0131n dezavantajlar\u0131, edge case’ler ve \u00e7\u00f6z\u00fcmleri.<\/p>\nfunction Person(name, age) {\n this.name = name;\n this.age = age;\n}\n\nPerson.prototype.greet = function() {\n console.log("Merhaba, benim ad\u0131m " + this.name + " ve " + this.age + " ya\u015f\u0131nday\u0131m.");\n};\n\nlet person1 = new Person("Ahmet", 30);\nlet person2 = new Person("Ay\u015fe", 25);\n\nperson1.greet(); \/\/ \u00c7\u0131kt\u0131: Merhaba, benim ad\u0131m Ahmet ve 30 ya\u015f\u0131nday\u0131m.\nperson2.greet(); \/\/ \u00c7\u0131kt\u0131: Merhaba, benim ad\u0131m Ay\u015fe ve 25 ya\u015f\u0131nday\u0131m.<\/code><\/pre>\nPerson<\/code> fonksiyonu bir constructor g\u00f6revi g\u00f6r\u00fcr. prototype<\/code> \u00f6zelli\u011fi, t\u00fcm Person<\/code> nesnelerinin payla\u015faca\u011f\u0131 greet<\/code> metodunu tan\u0131mlar. person1<\/code> ve person2<\/code> nesneleri bu metodu miras al\u0131rlar. Bu, greet<\/code> metodunu her nesne i\u00e7in ayr\u0131 ayr\u0131 tan\u0131mlamam\u0131za gerek kalmad\u0131\u011f\u0131 anlam\u0131na gelir. Bu basit \u00f6rnek, prototipsel miras\u0131n temel g\u00fcc\u00fcn\u00fc g\u00f6stermektedir.<\/p>\nnull<\/code> prototipine ula\u015fana kadar devam eder.<\/p>\nfunction Animal(name) {\n this.name = name;\n}\n\nAnimal.prototype.speak = function() {\n console.log("Ses \u00e7\u0131kar\u0131yorum!");\n};\n\nfunction Dog(name, breed) {\n Animal.call(this, name); \/\/ Animal constructor'\u0131n\u0131 \u00e7a\u011f\u0131r\u0131yoruz\n this.breed = breed;\n}\n\nDog.prototype = Object.create(Animal.prototype); \/\/ Dog'un prototipi Animal'\u0131n prototipi olur\nDog.prototype.constructor = Dog; \/\/ constructor'\u0131 d\u00fczeltiyoruz\n\nDog.prototype.bark = function() {\n console.log("Hav hav!");\n};\n\nlet myDog = new Dog("Karaba\u015f", "Kangal");\nmyDog.speak(); \/\/ \u00c7\u0131kt\u0131: Ses \u00e7\u0131kar\u0131yorum!\nmyDog.bark(); \/\/ \u00c7\u0131kt\u0131: Hav hav!<\/code><\/pre>\nDog<\/code> nesnesi Animal<\/code> nesnesinden miras al\u0131r. Object.create()<\/code> metodu, prototip zincirini do\u011fru bir \u015fekilde kurmak i\u00e7in kullan\u0131l\u0131r. myDog<\/code> nesnesi hem speak()<\/code> hem de bark()<\/code> metodlar\u0131na eri\u015febilir. speak()<\/code> metodu, prototip zincirinde yukar\u0131 do\u011fru arama sayesinde Animal<\/code> prototipinden miras al\u0131n\u0131r.<\/p>\nObject.create()<\/code> metodunu kullanarak prototip zincirlerini olu\u015fturmak, prototype<\/code> \u00f6zelli\u011fini do\u011frudan atamak yerine daha temiz ve performansl\u0131 bir yakla\u015f\u0131m sunar. Object.create()<\/code> metodu, yeni bir nesne olu\u015ftururken, mevcut bir nesnenin prototipini do\u011frudan ataman\u0131za olanak tan\u0131r. Bu, prototip zincirinin daha temiz ve daha anla\u015f\u0131l\u0131r olmas\u0131n\u0131 sa\u011flar.<\/p>\n__proto__<\/code> \u00f6zelli\u011fi nedir ve nas\u0131l kullan\u0131l\u0131r?<\/strong> __proto__<\/code> \u00f6zelli\u011fi, bir nesnenin prototipini do\u011frudan g\u00f6sterir. Ancak, bu \u00f6zellik genellikle do\u011frudan kullan\u0131lmamal\u0131d\u0131r, \u00e7\u00fcnk\u00fc Object.create()<\/code> veya prototype<\/code> \u00f6zelli\u011fi ile prototip manip\u00fclasyonu daha temiz ve g\u00fcvenilirdir.<\/p>\nundefined<\/code> de\u011feri d\u00f6nd\u00fcr\u00fcl\u00fcr.<\/p>\nObject.create()<\/code> kullan\u0131n, gereksiz prototip zincirleri olu\u015fturmaktan ka\u00e7\u0131n\u0131n.<\/p>\n