JavaScript Constructor Fonksiyonlar\u0131 Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/p>\n
Merhaba! Ben Fatih Soysal ve bug\u00fcn JavaScript’te nesne olu\u015fturman\u0131n temel ta\u015flar\u0131ndan biri olan Constructor fonksiyonlar\u0131n\u0131 detayl\u0131 olarak inceleyece\u011fiz. Bu fonksiyonlar, ayn\u0131 \u00f6zelliklere sahip birden fazla nesne olu\u015fturmay\u0131 kolayla\u015ft\u0131r\u0131r ve kod tekrar\u0131n\u0131 \u00f6nler. Ancak \u00f6ncelikle, Constructor fonksiyonlar\u0131n\u0131n ne oldu\u011funu ve nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlamak \u00f6nemlidir. \u0130\u015fte bu konuda bilmeniz gerekenler.<\/p>\n
JavaScript’te, Constructor fonksiyonlar, Bu \u00f6rnekte, Constructor fonksiyonlar\u0131n\u0131n en g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri, prototip miras\u0131n\u0131 desteklemesidir. Bu sayede, bir Constructor fonksiyonundan t\u00fcretilen di\u011fer Constructor fonksiyonlar\u0131, ilk Constructor fonksiyonunun \u00f6zelliklerini ve metodlar\u0131n\u0131 miras alabilir. Bu \u00f6zellik, kodun tekrar kullan\u0131m\u0131n\u0131 \u00f6nler ve daha d\u00fczenli bir kod yap\u0131s\u0131 olu\u015fturur.<\/p>\n Bu \u00f6rnekte, Constructor fonksiyonlar\u0131n\u0131n kullan\u0131m\u0131 bir\u00e7ok avantaj sa\u011flar. \u00d6ncelikle, kod tekrar\u0131n\u0131 azalt\u0131r ve daha d\u00fczenli bir kod yap\u0131s\u0131 olu\u015fturur. Ayr\u0131ca, nesnelerin \u00f6zelliklerini ve metodlar\u0131n\u0131 kolayca y\u00f6netmeyi sa\u011flar. Prototip miras\u0131 sayesinde, kodun tekrar kullan\u0131m\u0131n\u0131 ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131r\u0131r. Sonu\u00e7 olarak, b\u00fcy\u00fck ve karma\u015f\u0131k projelerde daha verimli bir \u00e7al\u0131\u015fma sa\u011flar.<\/p>\n Umar\u0131m bu makale, JavaScript Constructor fonksiyonlar\u0131n\u0131 daha iyi anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> sitesini ziyaret edebilirsiniz. Ayr\u0131ca, konu ile ilgili daha detayl\u0131 bilgi i\u00e7in bu kayna\u011fa<\/a> g\u00f6z atabilirsiniz.<\/p>\n #JavaScript #Constructor #Fonksiyonlar #Nesne #Prototip #Miras #Inheritance #Programlama<\/p>\n <\/body>new<\/code> operat\u00f6r\u00fc ile birlikte kullan\u0131ld\u0131\u011f\u0131nda, yeni bir nesne \u00f6rne\u011fi olu\u015fturan \u00f6zel fonksiyonlard\u0131r. Bu fonksiyonlar, genellikle b\u00fcy\u00fck harfle ba\u015flar ve nesnenin \u00f6zelliklerini ve metodlar\u0131n\u0131 tan\u0131mlar. \u00d6rne\u011fin, bir “Araba” nesnesi olu\u015fturmak istedi\u011fimizde, bir “Araba” Constructor fonksiyonu tan\u0131mlayabiliriz.<\/p>\n\nfunction Araba(marka, model, y\u0131l) {\n this.marka = marka;\n this.model = model;\n this.y\u0131l = y\u0131l;\n this.bilgiVer = function() {\n console.log(${this.marka} ${this.model} (${this.y\u0131l}));\n };\n}\n\nlet benimArabam = new Araba(\"Toyota\", \"Corolla\", 2023);\nbenimArabam.bilgiVer(); \/\/ \u00c7\u0131kt\u0131: Toyota Corolla (2023)\n<\/code><\/pre>\nAraba<\/code> fonksiyonu bir Constructor fonksiyondur. new<\/code> operat\u00f6r\u00fc ile \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda, this<\/code> anahtar kelimesi yeni bir nesne \u00f6rne\u011fini temsil eder ve this<\/code> anahtar kelimesi kullan\u0131larak nesneye \u00f6zellikler eklenir. Sonras\u0131nda, olu\u015fturulan nesneye eri\u015fip, fonksiyonlar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rabiliriz. Ba\u015fka bir deyi\u015fle, Constructor fonksiyonlar\u0131, nesnelerin \u015fablonlar\u0131n\u0131 olu\u015fturur.<\/p>\nPrototip Miras\u0131 (Inheritance)<\/h2>\n
\nfunction ElektrikliAraba(marka, model, y\u0131l, pilKapasitesi) {\n Araba.call(this, marka, model, y\u0131l); \/\/ Araba constructor'\u0131n\u0131 \u00e7a\u011f\u0131r\u0131yoruz\n this.pilKapasitesi = pilKapasitesi;\n}\n\nElektrikliAraba.prototype = Object.create(Araba.prototype); \/\/ Miras\u0131 sa\u011fl\u0131yoruz\nElektrikliAraba.prototype.constructor = ElektrikliAraba; \/\/ constructor'\u0131 d\u00fczeltiyoruz\n\n\nlet elektrikliArabam = new ElektrikliAraba(\"Tesla\", \"Model 3\", 2024, 75);\nelektrikliArabam.bilgiVer(); \/\/ \u00c7\u0131kt\u0131: Tesla Model 3 (2024) (Araba'dan miras al\u0131nd\u0131)\nconsole.log(elektrikliArabam.pilKapasitesi); \/\/ \u00c7\u0131kt\u0131: 75\n<\/code><\/pre>\nElektrikliAraba<\/code> Constructor fonksiyonu, Araba<\/code> Constructor fonksiyonundan miras al\u0131r. Araba.call(this, marka, model, y\u0131l);<\/code> sat\u0131r\u0131 ile Araba<\/code>‘n\u0131n constructor’\u0131 \u00e7a\u011fr\u0131l\u0131r ve \u00f6zelliklerini ElektrikliAraba<\/code> nesnesine ekler. Object.create<\/code> metodu ise prototip miras\u0131n\u0131 sa\u011flar. Bu sayede, ElektrikliAraba<\/code> nesneleri, Araba<\/code> nesnelerinin t\u00fcm \u00f6zelliklerine ve metodlar\u0131na sahip olur ve kendi \u00f6zel \u00f6zelliklerini de ekleyebilir.<\/p>\nConstructor Fonksiyonlar\u0131n\u0131n Avantajlar\u0131<\/h2>\n
#Etiketler<\/h3>\n
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript Constructor Fonksiyonlar\u0131 Nas\u0131l \u00c7al\u0131\u015f\u0131r? Merhaba! Ben Fatih Soysal ve bug\u00fcn JavaScript’te nesne olu\u015fturman\u0131n temel ta\u015flar\u0131ndan biri olan…","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-18901","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n