{"id":7787,"date":"2024-12-27T02:15:09","date_gmt":"2024-12-26T23:15:09","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascriptte-closurelarin-gucu\/"},"modified":"2024-12-27T02:15:09","modified_gmt":"2024-12-26T23:15:09","slug":"javascriptte-closurelarin-gucu","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascriptte-closurelarin-gucu\/","title":{"rendered":"JavaScript’te Closure’lar\u0131n G\u00fcc\u00fc"},"content":{"rendered":"

<\/p>\n

JavaScript’te Closure’lar\u0131n G\u00fcc\u00fc<\/p>\n

JavaScript’te closure’lar, fonksiyonel programlaman\u0131n temel ta\u015flar\u0131ndan biridir. Ancak, kavram\u0131 ilk kez duydu\u011funuzda biraz karma\u015f\u0131k gelebilir. Bu makalede, closure’lar\u0131n ne oldu\u011funu, nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve neden JavaScript geli\u015ftirmede bu kadar g\u00fc\u00e7l\u00fc bir ara\u00e7 oldu\u011funu ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131z. Basit \u00f6rneklerden ba\u015flayarak, daha karma\u015f\u0131k senaryolar\u0131 ele alaca\u011f\u0131z. B\u00f6ylece closure’lar\u0131 tam olarak anlayabileceksiniz.<\/p>\n

Closure Nedir?<\/h2>\n

Basit\u00e7e s\u00f6ylemek gerekirse, bir closure, bir fonksiyonun kendi kapsam\u0131na (lexical scope) eri\u015febilme yetene\u011fidir. Bu, fonksiyonun tan\u0131mland\u0131\u011f\u0131 yerdeki de\u011fi\u015fkenlere, fonksiyon sona erdikten sonra bile eri\u015febilece\u011fi anlam\u0131na gelir. Bu, normalde beklentimizin aksidir, \u00e7\u00fcnk\u00fc bir fonksiyon sona erdi\u011finde, genellikle i\u00e7indeki de\u011fi\u015fkenler bellekten silinir. Ancak closure sayesinde, bu de\u011fi\u015fkenler fonksiyonun olu\u015fturdu\u011fu bir “kaps\u00fcl” i\u00e7inde tutulur. Daha anla\u015f\u0131l\u0131r hale getirmek i\u00e7in bir \u00f6rne\u011fe bakal\u0131m:<\/p>\n

\nfunction d\u0131\u015fFonksiyon() {\n  let x = 10;\n  function i\u00e7Fonksiyon() {\n    console.log(x); \n  }\n  return i\u00e7Fonksiyon;\n}\n\nlet yeniFonksiyon = d\u0131\u015fFonksiyon();\nyeniFonksiyon(); \/\/ 10 yazd\u0131r\u0131r.\n<\/code><\/pre>\n
Bu \u00f6rnekte, i\u00e7Fonksiyon<\/code>, x<\/code> de\u011fi\u015fkenine eri\u015febilir.  \u00d6nemli olan nokta, d\u0131\u015fFonksiyon<\/code> \u00e7al\u0131\u015fmas\u0131n\u0131 bitirmi\u015f olsa bile, i\u00e7Fonksiyon<\/code> hala x<\/code>‘e eri\u015febiliyor.  \u0130\u015fte bu, closure’\u0131n g\u00fcc\u00fcd\u00fcr.  Bu durum, i\u00e7Fonksiyon<\/code>‘un d\u0131\u015fFonksiyon<\/code>‘un kapsam\u0131n\u0131 “kapatt\u0131\u011f\u0131” anlam\u0131na gelir.<\/p>\n
Closure’lar\u0131n Kullan\u0131m Alanlar\u0131<\/h2>\n
Closure’lar, bir\u00e7ok farkl\u0131 uygulamada olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.  Bunlardan baz\u0131lar\u0131 \u015funlard\u0131r:<\/p>\n