JavaScript’te ‘this’ Kavram\u0131: Detayl\u0131 Anlat\u0131m<\/p>\n
JavaScript’te ‘this’ anahtar kelimesi, bir\u00e7ok geli\u015ftirici i\u00e7in kafa kar\u0131\u015f\u0131kl\u0131\u011f\u0131 yaratan bir konudur. Ancak, ‘this’in davran\u0131\u015f\u0131n\u0131 anlamak, JavaScript’i etkin bir \u015fekilde kullanmak i\u00e7in son derece \u00f6nemlidir. Bu makalede, ‘this’in nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131, farkl\u0131 ba\u011flamlardaki davran\u0131\u015flar\u0131n\u0131 ve yayg\u0131n hatalar\u0131 a\u00e7\u0131klayaca\u011f\u0131z. \u00d6ncelikle, ‘this’in ne oldu\u011funa dair temel bir anlay\u0131\u015fla ba\u015flayal\u0131m. K\u0131sacas\u0131, ‘this’ \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131 ba\u011flama g\u00f6re de\u011fi\u015fen bir anahtar kelimedir.<\/p>\n
‘This’in de\u011feri, fonksiyonun nas\u0131l \u00e7a\u011fr\u0131ld\u0131\u011f\u0131na ba\u011fl\u0131 olarak de\u011fi\u015fir. Bu ba\u011flam, fonksiyonun \u00e7a\u011f\u0131r\u0131m bi\u00e7imini tan\u0131mlar. \u00d6rne\u011fin, bir nesne metodu i\u00e7inde \u00e7a\u011fr\u0131l\u0131rsa, ‘this’ o nesneyi i\u015faret eder. Ancak, bir fonksiyon do\u011frudan \u00e7a\u011fr\u0131l\u0131rsa, ‘this’in de\u011feri genellikle global nesnedir (taray\u0131c\u0131da window, Node.js’de global).<\/p>\n
\u00d6rnek:<\/strong><\/p>\n Bu \u00f6rnekte, greet fonksiyonu myObject nesnesi \u00fczerinde \u00e7a\u011fr\u0131ld\u0131\u011f\u0131 i\u00e7in, ‘this’ myObject’i i\u015faret eder ve this.name do\u011fru \u015fekilde “Fatih Soysal” de\u011ferini d\u00f6nd\u00fcr\u00fcr. Ancak, greet fonksiyonu global olarak \u00e7a\u011fr\u0131l\u0131rsa, sonu\u00e7 farkl\u0131 olacakt\u0131r.<\/p>\n ‘This’in kullan\u0131m\u0131 sadece nesne metodlar\u0131yla s\u0131n\u0131rl\u0131 de\u011fildir. Ayn\u0131 zamanda, fonksiyonlar\u0131n call, apply ve bind metodlar\u0131yla da kontrol edilebilir. Bu metodlar, ‘this’in ba\u011flam\u0131n\u0131 a\u00e7\u0131k\u00e7a belirtmemizi sa\u011flar. Bu \u00f6zellikle, fonksiyonlar\u0131 farkl\u0131 ba\u011flamlarda kullan\u0131rken \u00e7ok faydal\u0131d\u0131r.<\/p>\n call metodu:<\/strong> call metodu, fonksiyona arg\u00fcmanlar olarak de\u011ferler ve bir ‘this’ ba\u011flam\u0131 sa\u011flar.<\/p>\n apply metodu:<\/strong> apply metodu, call metoduna benzer \u015fekilde \u00e7al\u0131\u015f\u0131r, ancak arg\u00fcmanlar\u0131 bir dizi olarak al\u0131r.<\/p>\n bind metodu:<\/strong> bind metodu, fonksiyonun ‘this’ ba\u011flam\u0131n\u0131 kal\u0131c\u0131 olarak belirler, b\u00f6ylece fonksiyon daha sonra farkl\u0131 bir ba\u011flamda \u00e7a\u011fr\u0131l\u0131rsa bile ‘this’ de\u011feri de\u011fi\u015fmez.<\/p>\n Ayr\u0131ca, ok fonksiyonlar\u0131 (arrow functions) ‘this’ ba\u011flam\u0131n\u0131 leksikal olarak (\u00e7evresinden) devral\u0131r. Bu, ok fonksiyonlar\u0131 i\u00e7inde ‘this’in d\u0131\u015f kapsamdaki de\u011ferini kullanmas\u0131 anlam\u0131na gelir.<\/p>\n ‘This’ ile ilgili en yayg\u0131n hatalardan biri, fonksiyonlar\u0131n beklenmedik bir ‘this’ ba\u011flam\u0131nda \u00e7al\u0131\u015fmas\u0131d\u0131r. Bu, \u00f6zellikle geri \u00e7a\u011f\u0131r\u0131m fonksiyonlar\u0131 (callback functions) kullan\u0131rken s\u0131k\u00e7a kar\u015f\u0131la\u015f\u0131lan bir durumdur. Bu gibi durumlarda, bind metodu veya ok fonksiyonlar\u0131 kullan\u0131larak ‘this’ ba\u011flam\u0131 d\u00fczeltilebilir.<\/p>\n Bir di\u011fer hata ise, ‘this’in de\u011ferini yanl\u0131\u015f anlamaktan kaynaklan\u0131r. Her zaman fonksiyonun \u00e7a\u011fr\u0131ld\u0131\u011f\u0131 ba\u011flam\u0131 kontrol etmek \u00f6nemlidir. Bu konuyu daha iyi anlamak i\u00e7in, bu \u0130ngilizce makaleye<\/a> g\u00f6z atabilirsiniz. Bu makale, ‘this’in karma\u015f\u0131kl\u0131\u011f\u0131n\u0131 daha detayl\u0131 bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. Ayr\u0131ca, JavaScript \u00f6\u011freniminizde size yard\u0131mc\u0131 olacak daha fazla kaynak i\u00e7in kendi web sitemi Fatih Soysal<\/a>‘\u0131 ziyaret edebilirsiniz.<\/p>\n Sonu\u00e7 olarak, JavaScript’te ‘this’ anahtar kelimesi g\u00fc\u00e7l\u00fc ve esnek bir ara\u00e7t\u0131r, ancak do\u011fru anla\u015f\u0131lmas\u0131 ve kullan\u0131lmas\u0131 \u00f6nemlidir. Bu makalede ele ald\u0131\u011f\u0131m\u0131z bilgiler, ‘this’i daha iyi anlaman\u0131za ve kullanman\u0131za yard\u0131mc\u0131 olacakt\u0131r. Unutmay\u0131n ki, uygulama ve deneyim ‘this’ kavram\u0131n\u0131 tam olarak kavraman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n #Etiketler: javascript, this, ba\u011flam, scope, prototip, fonksiyon, nesne, programlama, web geli\u015ftirme, call, apply, bind, ok fonksiyonu, arrow function, callback, geri \u00e7a\u011f\u0131r\u0131m <\/p>\n <\/body>\nconst myObject = {\n name: \"Fatih Soysal\",\n greet: function() {\n console.log(\"Merhaba, benim ad\u0131m \" + this.name); \n }\n};\n\nmyObject.greet(); \/\/ \"Merhaba, benim ad\u0131m Fatih Soysal\" yazd\u0131r\u0131r.\n<\/code><\/pre>\n‘This’in Farkl\u0131 Kullan\u0131m Alanlar\u0131<\/h2>\n
Yayg\u0131n Hatalar ve \u00c7\u00f6z\u00fcmleri<\/h2>\n
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’te ‘this’ Kavram\u0131: Detayl\u0131 Anlat\u0131m JavaScript’te ‘this’ anahtar kelimesi, bir\u00e7ok geli\u015ftirici i\u00e7in kafa kar\u0131\u015f\u0131kl\u0131\u011f\u0131 yaratan bir konudur. Ancak,…","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-15393","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n