Nesneleri Biliyoruz, Peki Ya Nesne Prototipleri?<\/p>\n
Merhaba! Fatih Soysal olarak, JavaScript’in temel yap\u0131 ta\u015flar\u0131ndan biri olan nesneleri ve \u00f6zellikle de bir\u00e7ok geli\u015ftiricinin kafas\u0131n\u0131 kar\u0131\u015ft\u0131ran nesne prototipleri<\/strong> konusunu a\u00e7\u0131klayaca\u011f\u0131m. Nesneleri zaten biliyorsunuz; veri ve fonksiyonlar\u0131 bir araya getiren yap\u0131lard\u0131r. Ancak bu yap\u0131lar nas\u0131l miras al\u0131r, nas\u0131l birbirleriyle ili\u015fkilendirilir? \u0130\u015fte bu noktada prototipler devreye giriyor.<\/p>\n \u00d6ncelikle, basit bir nesne \u00f6rne\u011fiyle ba\u015flayal\u0131m:<\/p>\n Bu kodda, Peki prototip zinciri nedir? Bir nesnenin prototipinin de bir prototipi vard\u0131r, ve bu b\u00f6yle devam eder. Bu hiyerar\u015fik yap\u0131ya prototip zinciri<\/strong> denir. JavaScript, bir nesnenin \u00f6zelli\u011fini arad\u0131\u011f\u0131nda \u00f6nce nesnenin kendisinde arar. E\u011fer bulamazsa, prototip zincirini takip eder ve \u00f6zelli\u011fi orada arar. Bu i\u015flem, zincirdeki en \u00fcst nesneye (genellikle \u015eimdi, prototip miras\u0131 kullanarak bir \u00f6rnek verelim:<\/p>\n Bu \u00f6rnekte, Prototipler, JavaScript’in g\u00fcc\u00fcn\u00fc ve esnekli\u011fini g\u00f6steren \u00f6nemli bir kavramd\u0131r. Ancak, karma\u015f\u0131kl\u0131k d\u00fczeyini art\u0131rabilir. Bu nedenle, prototiplerle \u00e7al\u0131\u015f\u0131rken dikkatli olmak ve kodun okunabilirli\u011fini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini sa\u011flamak \u00f6nemlidir. Daha fazla bilgi i\u00e7in web sitemi<\/a> ziyaret edebilirsiniz. Ayr\u0131ca konuya ili\u015fkin daha detayl\u0131 bilgi i\u00e7in bu makaleye<\/a> g\u00f6z atabilirsiniz.<\/p>\n #Etiketler: Javascript, Nesne Prototipleri, Prototip Zinciri, Prototip Miras\u0131, JavaScript Prototipleri, Programlama, Web Geli\u015ftirme\nconst araba = {\n marka: \"Toyota\",\n model: \"Corolla\",\n renk: \"Beyaz\"\n};\n<\/code><\/pre>\naraba<\/code> isimli bir nesne olu\u015fturduk. Ancak JavaScript’te her nesnenin, kendisine \u00f6zel bir __proto__<\/code> \u00f6zelli\u011fi bulunur. Bu \u00f6zellik, nesnenin prototipini g\u00f6sterir. Basit\u00e7e s\u00f6ylemek gerekirse, prototip, bir nesnenin miras ald\u0131\u011f\u0131 \u00f6zelliklerin ve fonksiyonlar\u0131n bulundu\u011fu bir nesnedir. Yeni bir nesne olu\u015fturdu\u011fumuzda, bu nesne prototipinden \u00f6zellik ve fonksiyonlar\u0131 devral\u0131r. Bu devralma i\u015flemine prototip miras\u0131<\/strong> denir. Bu sayede, kod tekrar\u0131n\u0131 \u00f6nler ve daha verimli bir kod yaz\u0131m\u0131 sa\u011flar\u0131z.<\/p>\nObject.prototype<\/code>) ula\u015fana kadar devam eder.<\/p>\n\nfunction Araba(marka, model, renk) {\n this.marka = marka;\n this.model = model;\n this.renk = renk;\n}\n\nAraba.prototype.bilgiVer = function() {\n console.log(\"Marka: \" + this.marka + \", Model: \" + this.model + \", Renk: \" + this.renk);\n};\n\nconst araba1 = new Araba(\"Toyota\", \"Corolla\", \"Beyaz\");\nconst araba2 = new Araba(\"Honda\", \"Civic\", \"Gri\");\n\naraba1.bilgiVer(); \/\/ Marka: Toyota, Model: Corolla, Renk: Beyaz\naraba2.bilgiVer(); \/\/ Marka: Honda, Model: Civic, Renk: Gri\n<\/code><\/pre>\nAraba<\/code> fonksiyonu bir prototip fonksiyonu olarak davran\u0131r ve bilgiVer<\/code> fonksiyonu, t\u00fcm Araba<\/code> nesneleri taraf\u0131ndan miras al\u0131n\u0131r. Bu sayede, her bir Araba<\/code> nesnesinde bilgiVer<\/code> fonksiyonunu tekrar tekrar tan\u0131mlamam\u0131za gerek kalmaz. Sonu\u00e7 olarak, kod daha temiz ve daha okunabilir olur.<\/p>\n
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Nesneleri Biliyoruz, Peki Ya Nesne Prototipleri? Merhaba! Fatih Soysal olarak, JavaScript’in temel yap\u0131 ta\u015flar\u0131ndan biri olan nesneleri ve…","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":[1],"tags":[],"class_list":{"0":"post-18628","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n