JavaScript’te call(), apply() ve bind() Metotlar\u0131<\/title><br \/>\n<\/head><br \/>\n<body><\/p>\n<p>JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m<\/p>\n<p>JavaScript’te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise <code>call()<\/code>, <code>apply()<\/code> ve <code>bind()<\/code> metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n<h2>call() Metodu<\/h2>\n<p><code>call()<\/code> metodu, bir fonksiyonu hemen \u00e7a\u011f\u0131r\u0131r ve <code>this<\/code> ba\u011flam\u0131n\u0131 a\u00e7\u0131k\u00e7a belirlemenizi sa\u011flar. \u0130lk parametre olarak, fonksiyonun i\u00e7inde <code>this<\/code> olarak referans edilecek nesneyi al\u0131r. Ard\u0131ndan, fonksiyona ge\u00e7irece\u011finiz parametreleri s\u0131ral\u0131 olarak belirtirsiniz.<\/p>\n<pre><code class=\"language-javascript\">\nfunction selamla(ad, soyad) {\n console.log(\"Merhaba, \" + ad + \" \" + soyad + \"!\");\n}\n\nconst ki\u015fi = { ad: \"Fatih\", soyad: \"Soysal\" };\n\nselamla.call(ki\u015fi, \"Ahmet\", \"Y\u0131lmaz\"); \/\/ Merhaba, Ahmet Y\u0131lmaz! yazd\u0131r\u0131r.\nselamla.call(ki\u015fi); \/\/ Merhaba, undefined undefined! yazd\u0131r\u0131r.\n<\/code><\/pre>\n<p>G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, <code>call()<\/code> metodu ile <code>selamla<\/code> fonksiyonunu <code>ki\u015fi<\/code> nesnesi ba\u011flam\u0131nda \u00e7al\u0131\u015ft\u0131rd\u0131k. Ancak, parametreleri eksik verdi\u011fimizde, <code>undefined<\/code> de\u011ferleri kullan\u0131ld\u0131. Bu durum, <code>apply<\/code> metodu ile daha kolay y\u00f6netilebilir. \u00d6rne\u011fin, <a href=\"https:\/\/fatihsoysal.com\">kendi sitemde<\/a> bu konuyu daha geni\u015f kapsaml\u0131 ele al\u0131yorum.<\/p>\n<h2>apply() Metodu<\/h2>\n<p><code>apply()<\/code> metodu da <code>call()<\/code> gibi bir fonksiyonu hemen \u00e7a\u011f\u0131r\u0131r ve <code>this<\/code> ba\u011flam\u0131n\u0131 belirler. Ancak, parametreleri bir dizi (array) olarak al\u0131r. Bu, parametre say\u0131s\u0131 \u00f6nceden bilinmeyen durumlarda olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n<pre><code class=\"language-javascript\">\nfunction topla() {\n let toplam = 0;\n for (let i = 0; i < arguments.length; i++) {\n toplam += arguments[i];\n }\n return toplam;\n}\n\nconst sayilar = [1, 2, 3, 4, 5];\nconst toplam = topla.apply(null, sayilar); \/\/ toplam = 15 olur\nconsole.log(toplam);\n<\/code><\/pre>\n<p>Bu \u00f6rnekte, <code>apply()<\/code> metodu sayesinde <code>sayilar<\/code> dizisindeki t\u00fcm say\u0131lar\u0131 toplayabiliyoruz. <code>null<\/code>, <code>this<\/code> ba\u011flam\u0131n\u0131n kullan\u0131lmad\u0131\u011f\u0131n\u0131 g\u00f6steriyor.<\/p>\n<h2>bind() Metodu<\/h2>\n<p><code>bind()<\/code> metodu ise <code>call()<\/code> ve <code>apply()<\/code> metotlar\u0131ndan farkl\u0131 olarak fonksiyonu hemen \u00e7a\u011f\u0131rmaz. Bunun yerine, belirtilen <code>this<\/code> ba\u011flam\u0131 ve parametrelerle yeni bir fonksiyon olu\u015fturur. Bu yeni fonksiyon daha sonra istenildi\u011fi zaman \u00e7a\u011fr\u0131labilir.<\/p>\n<pre><code class=\"language-javascript\">\nfunction selamla(ad) {\n console.log(\"Merhaba, \" + this.ad + \"! Benim ad\u0131m \" + ad + \".\");\n}\n\nconst ki\u015fi = { ad: \"Fatih\" };\nconst yeniFonksiyon = selamla.bind(ki\u015fi, \"Ahmet\");\n\nyeniFonksiyon(); \/\/ Merhaba, Fatih! Benim ad\u0131m Ahmet. yazd\u0131r\u0131r.\n<\/code><\/pre>\n<p>Yukar\u0131daki \u00f6rnekte, <code>bind()<\/code> metodu ile <code>selamla<\/code> fonksiyonunun yeni bir kopyas\u0131 olu\u015fturulmu\u015f ve bu kopya <code>ki\u015fi<\/code> nesnesi ba\u011flam\u0131nda ve \"Ahmet\" parametresi ile \u00e7a\u011fr\u0131lacak \u015fekilde ayarlanm\u0131\u015ft\u0131r. Sonu\u00e7 olarak, <code>yeniFonksiyon()<\/code> \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda istenen \u00e7\u0131kt\u0131 elde edilir. Bu \u00f6zellikle event handler'larda veya callback fonksiyonlar\u0131nda olduk\u00e7a faydal\u0131d\u0131r.<\/p>\n<h2>call(), apply() ve bind() Aras\u0131ndaki Farklar<\/h2>\n<p>| Metot | Hemen \u00c7a\u011f\u0131r\u0131r m\u0131? | Parametreler |<br \/>\n|---|---|---|<br \/>\n| call() | Evet | S\u0131ral\u0131 olarak |<br \/>\n| apply() | Evet | Dizi olarak |<br \/>\n| bind() | Hay\u0131r | S\u0131ral\u0131 olarak, yeni fonksiyon olu\u015fturur |<\/p>\n<p>\u00d6zetle, <code>call()<\/code> ve <code>apply()<\/code> metotlar\u0131 fonksiyonlar\u0131 hemen \u00e7al\u0131\u015ft\u0131r\u0131rken, <code>bind()<\/code> metodu yeni bir fonksiyon ba\u011flam\u0131 olu\u015fturur. Parametre alma \u015fekilleri de farkl\u0131d\u0131r. Do\u011fru metodu se\u00e7mek, kodunuzun okunabilirli\u011fini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131r\u0131r.<\/p>\n<p>Umar\u0131m bu detayl\u0131 a\u00e7\u0131klama JavaScript'teki <code>call()<\/code>, <code>apply()<\/code> ve <code>bind()<\/code> metotlar\u0131n\u0131 anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/call\">Mozilla Developer Network'\u00fc<\/a> inceleyebilirsiniz.<\/p>\n<p>Daha fazla JavaScript e\u011fitimi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilirsiniz.<\/p>\n<p>#Etiketler: JavaScript, call, apply, bind, fonksiyonlar, this, ba\u011flam, parametreler, programlama, web geli\u015ftirme<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’te call(), apply() ve bind() Metotlar\u0131 JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m JavaScript’te fonksiyonlar birinci s\u0131n\u0131f…","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-4116","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n<title>JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m<\/title>\n<meta name=\"description\" content=\"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\" \/>\n<meta property=\"og:description\" content=\"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-17T09:30:14+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\",\"datePublished\":\"2024-11-17T09:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\"},\"wordCount\":472,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\",\"name\":\"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-17T09:30:14+00:00\",\"description\":\"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n","yoast_head_json":{"title":"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","description":"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","og_description":"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-17T09:30:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","datePublished":"2024-11-17T09:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"},"wordCount":472,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","name":"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-17T09:30:14+00:00","description":"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=4116"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4116\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=4116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=4116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=4116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4116,"date":"2024-11-17T12:30:14","date_gmt":"2024-11-17T09:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"},"modified":"2024-11-17T12:30:14","modified_gmt":"2024-11-17T09:30:14","slug":"javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","title":{"rendered":"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m"},"content":{"rendered":"

\n
\n
\n
\n JavaScript’te call(), apply() ve bind() Metotlar\u0131<\/title><br \/>\n<\/head><br \/>\n<body><\/p>\n<p>JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m<\/p>\n<p>JavaScript’te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise <code>call()<\/code>, <code>apply()<\/code> ve <code>bind()<\/code> metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n<h2>call() Metodu<\/h2>\n<p><code>call()<\/code> metodu, bir fonksiyonu hemen \u00e7a\u011f\u0131r\u0131r ve <code>this<\/code> ba\u011flam\u0131n\u0131 a\u00e7\u0131k\u00e7a belirlemenizi sa\u011flar. \u0130lk parametre olarak, fonksiyonun i\u00e7inde <code>this<\/code> olarak referans edilecek nesneyi al\u0131r. Ard\u0131ndan, fonksiyona ge\u00e7irece\u011finiz parametreleri s\u0131ral\u0131 olarak belirtirsiniz.<\/p>\n<pre><code class=\"language-javascript\">\nfunction selamla(ad, soyad) {\n console.log(\"Merhaba, \" + ad + \" \" + soyad + \"!\");\n}\n\nconst ki\u015fi = { ad: \"Fatih\", soyad: \"Soysal\" };\n\nselamla.call(ki\u015fi, \"Ahmet\", \"Y\u0131lmaz\"); \/\/ Merhaba, Ahmet Y\u0131lmaz! yazd\u0131r\u0131r.\nselamla.call(ki\u015fi); \/\/ Merhaba, undefined undefined! yazd\u0131r\u0131r.\n<\/code><\/pre>\n<p>G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, <code>call()<\/code> metodu ile <code>selamla<\/code> fonksiyonunu <code>ki\u015fi<\/code> nesnesi ba\u011flam\u0131nda \u00e7al\u0131\u015ft\u0131rd\u0131k. Ancak, parametreleri eksik verdi\u011fimizde, <code>undefined<\/code> de\u011ferleri kullan\u0131ld\u0131. Bu durum, <code>apply<\/code> metodu ile daha kolay y\u00f6netilebilir. \u00d6rne\u011fin, <a href=\"https:\/\/fatihsoysal.com\">kendi sitemde<\/a> bu konuyu daha geni\u015f kapsaml\u0131 ele al\u0131yorum.<\/p>\n<h2>apply() Metodu<\/h2>\n<p><code>apply()<\/code> metodu da <code>call()<\/code> gibi bir fonksiyonu hemen \u00e7a\u011f\u0131r\u0131r ve <code>this<\/code> ba\u011flam\u0131n\u0131 belirler. Ancak, parametreleri bir dizi (array) olarak al\u0131r. Bu, parametre say\u0131s\u0131 \u00f6nceden bilinmeyen durumlarda olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n<pre><code class=\"language-javascript\">\nfunction topla() {\n let toplam = 0;\n for (let i = 0; i < arguments.length; i++) {\n toplam += arguments[i];\n }\n return toplam;\n}\n\nconst sayilar = [1, 2, 3, 4, 5];\nconst toplam = topla.apply(null, sayilar); \/\/ toplam = 15 olur\nconsole.log(toplam);\n<\/code><\/pre>\n<p>Bu \u00f6rnekte, <code>apply()<\/code> metodu sayesinde <code>sayilar<\/code> dizisindeki t\u00fcm say\u0131lar\u0131 toplayabiliyoruz. <code>null<\/code>, <code>this<\/code> ba\u011flam\u0131n\u0131n kullan\u0131lmad\u0131\u011f\u0131n\u0131 g\u00f6steriyor.<\/p>\n<h2>bind() Metodu<\/h2>\n<p><code>bind()<\/code> metodu ise <code>call()<\/code> ve <code>apply()<\/code> metotlar\u0131ndan farkl\u0131 olarak fonksiyonu hemen \u00e7a\u011f\u0131rmaz. Bunun yerine, belirtilen <code>this<\/code> ba\u011flam\u0131 ve parametrelerle yeni bir fonksiyon olu\u015fturur. Bu yeni fonksiyon daha sonra istenildi\u011fi zaman \u00e7a\u011fr\u0131labilir.<\/p>\n<pre><code class=\"language-javascript\">\nfunction selamla(ad) {\n console.log(\"Merhaba, \" + this.ad + \"! Benim ad\u0131m \" + ad + \".\");\n}\n\nconst ki\u015fi = { ad: \"Fatih\" };\nconst yeniFonksiyon = selamla.bind(ki\u015fi, \"Ahmet\");\n\nyeniFonksiyon(); \/\/ Merhaba, Fatih! Benim ad\u0131m Ahmet. yazd\u0131r\u0131r.\n<\/code><\/pre>\n<p>Yukar\u0131daki \u00f6rnekte, <code>bind()<\/code> metodu ile <code>selamla<\/code> fonksiyonunun yeni bir kopyas\u0131 olu\u015fturulmu\u015f ve bu kopya <code>ki\u015fi<\/code> nesnesi ba\u011flam\u0131nda ve \"Ahmet\" parametresi ile \u00e7a\u011fr\u0131lacak \u015fekilde ayarlanm\u0131\u015ft\u0131r. Sonu\u00e7 olarak, <code>yeniFonksiyon()<\/code> \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda istenen \u00e7\u0131kt\u0131 elde edilir. Bu \u00f6zellikle event handler'larda veya callback fonksiyonlar\u0131nda olduk\u00e7a faydal\u0131d\u0131r.<\/p>\n<h2>call(), apply() ve bind() Aras\u0131ndaki Farklar<\/h2>\n<p>| Metot | Hemen \u00c7a\u011f\u0131r\u0131r m\u0131? | Parametreler |<br \/>\n|---|---|---|<br \/>\n| call() | Evet | S\u0131ral\u0131 olarak |<br \/>\n| apply() | Evet | Dizi olarak |<br \/>\n| bind() | Hay\u0131r | S\u0131ral\u0131 olarak, yeni fonksiyon olu\u015fturur |<\/p>\n<p>\u00d6zetle, <code>call()<\/code> ve <code>apply()<\/code> metotlar\u0131 fonksiyonlar\u0131 hemen \u00e7al\u0131\u015ft\u0131r\u0131rken, <code>bind()<\/code> metodu yeni bir fonksiyon ba\u011flam\u0131 olu\u015fturur. Parametre alma \u015fekilleri de farkl\u0131d\u0131r. Do\u011fru metodu se\u00e7mek, kodunuzun okunabilirli\u011fini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini art\u0131r\u0131r.<\/p>\n<p>Umar\u0131m bu detayl\u0131 a\u00e7\u0131klama JavaScript'teki <code>call()<\/code>, <code>apply()<\/code> ve <code>bind()<\/code> metotlar\u0131n\u0131 anlaman\u0131za yard\u0131mc\u0131 olmu\u015ftur. Daha fazla bilgi i\u00e7in <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Function\/call\">Mozilla Developer Network'\u00fc<\/a> inceleyebilirsiniz.<\/p>\n<p>Daha fazla JavaScript e\u011fitimi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilirsiniz.<\/p>\n<p>#Etiketler: JavaScript, call, apply, bind, fonksiyonlar, this, ba\u011flam, parametreler, programlama, web geli\u015ftirme<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’te call(), apply() ve bind() Metotlar\u0131 JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m JavaScript’te fonksiyonlar birinci s\u0131n\u0131f…","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-4116","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n<title>JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m<\/title>\n<meta name=\"description\" content=\"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\" \/>\n<meta property=\"og:description\" content=\"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-17T09:30:14+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\",\"datePublished\":\"2024-11-17T09:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\"},\"wordCount\":472,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\",\"name\":\"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-17T09:30:14+00:00\",\"description\":\"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n","yoast_head_json":{"title":"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","description":"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","og_description":"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-17T09:30:14+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","datePublished":"2024-11-17T09:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"},"wordCount":472,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/","name":"JavaScript'te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-17T09:30:14+00:00","description":"JavaScript'te fonksiyonlar birinci s\u0131n\u0131f nesnelerdir; bu, de\u011fi\u015fkenlere atanabilir, fonksiyonlara parametre olarak ge\u00e7irilebilir ve fonksiyonlardan d\u00f6nd\u00fcr\u00fclebilirler anlam\u0131na gelir. Bu \u00f6zelli\u011fin bir sonucu olarak, JavaScript fonksiyonlar\u0131n\u0131n \u00e7al\u0131\u015fma \u015feklini de\u011fi\u015ftirmemize olanak tan\u0131yan birka\u00e7 kullan\u0131\u015fl\u0131 y\u00f6ntem sunar. Bunlardan en dikkat \u00e7ekenleri ise call(), apply() ve bind() metotlar\u0131d\u0131r. Bu makalede, bu metotlar\u0131n ne i\u015fe yarad\u0131\u011f\u0131n\u0131, aralar\u0131ndaki farklar\u0131 ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-call-apply-ve-bind-metotlari-detayli-anlatim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript’te call(), apply() ve bind() Metotlar\u0131: Detayl\u0131 Anlat\u0131m"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=4116"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4116\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=4116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=4116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=4116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}