{"id":11096,"date":"2025-01-31T03:00:12","date_gmt":"2025-01-31T00:00:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascript-iifeleri-neden-buyuk-bir-anlamda-onemliydi\/"},"modified":"2025-01-31T03:00:12","modified_gmt":"2025-01-31T00:00:12","slug":"javascript-iifeleri-neden-buyuk-bir-anlamda-onemliydi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascript-iifeleri-neden-buyuk-bir-anlamda-onemliydi\/","title":{"rendered":"JavaScript IIFE’leri: Neden B\u00fcy\u00fck Bir Anlamda \u00d6nemliydi?"},"content":{"rendered":"

<\/p>\n

JavaScript IIFE’leri: Neden B\u00fcy\u00fck Bir Anlamda \u00d6nemliydi?<\/p>\n

JavaScript’in erken d\u00f6nemlerinde, kod d\u00fczenini korumak ve de\u011fi\u015fken \u00e7ak\u0131\u015fmalar\u0131n\u0131 \u00f6nlemek i\u00e7in IIFE’ler (Immediately Invoked Function Expressions – Hemen \u00c7al\u0131\u015ft\u0131r\u0131lan Fonksiyon \u0130fadeleri) olduk\u00e7a \u00f6nemli bir rol oynad\u0131. Bu teknik, basit\u00e7e, bir fonksiyonu tan\u0131mlad\u0131\u011f\u0131n\u0131z ve ayn\u0131 anda \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131z bir y\u00f6ntemdir. \u015eimdi, neden bu kadar \u00f6nemli olduklar\u0131n\u0131 ve modern JavaScript’te neden biraz daha az kullan\u0131lan bir teknik haline geldiklerini inceleyelim.<\/p>\n

IIFE’lerin G\u00fcc\u00fc: Kapsam Kontrol\u00fc ve \u00c7ak\u0131\u015fma \u00d6nleme<\/h2>\n

Eski JavaScript s\u00fcr\u00fcmlerinde, \u00f6zellikle b\u00fcy\u00fck projelerde, global de\u011fi\u015fken kirlili\u011fi (pollution) b\u00fcy\u00fck bir sorundu. Bir\u00e7ok fonksiyon ayn\u0131 global de\u011fi\u015fkenleri kullanmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131nda, beklenmedik davran\u0131\u015flar ve hatalar ortaya \u00e7\u0131kabiliyordu. IIFE’ler bu sorunu \u00e7\u00f6zmede kritik bir rol oynad\u0131. Bir IIFE, kendi kapsam alan\u0131n\u0131 (scope) olu\u015fturur ve b\u00f6ylece i\u00e7eride tan\u0131mlanan de\u011fi\u015fkenlerin global alana yay\u0131lmas\u0131n\u0131 engeller. Bu, kodun daha mod\u00fcler, daha s\u00fcrd\u00fcr\u00fclebilir ve hata ay\u0131klaman\u0131n daha kolay hale gelmesini sa\u011flad\u0131.<\/p>\n

\u00d6rne\u011fin, a\u015fa\u011f\u0131daki kodda iki IIFE kullanarak global alanda \u00e7ak\u0131\u015fma yaratmadan iki farkl\u0131 saya\u00e7 de\u011fi\u015fkeni tan\u0131mlayabiliriz:<\/p>\n

\n(function() {\n  var saya\u00e71 = 0;\n  saya\u00e71++;\n  console.log(\"Saya\u00e7 1: \" + saya\u00e71); \/\/ \u00c7\u0131kt\u0131: Saya\u00e7 1: 1\n})();\n\n(function() {\n  var saya\u00e71 = 0; \/\/ Global saya\u00e71 ile \u00e7ak\u0131\u015fmaz\n  saya\u00e71++;\n  console.log(\"Saya\u00e7 1: \" + saya\u00e71); \/\/ \u00c7\u0131kt\u0131: Saya\u00e7 1: 1\n})();\n<\/code><\/pre>\n
IIFE’lerin Modern JavaScript’teki Durumu<\/h2>\n
G\u00fcn\u00fcm\u00fczde,  ES6’n\u0131n getirdi\u011fi let ve const anahtar kelimeleri ile blok kapsam\u0131 (block scope) sayesinde IIFE’lerin \u00f6nemi azalm\u0131\u015ft\u0131r.  let ve const ile tan\u0131mlanan de\u011fi\u015fkenler sadece kendi bloklar\u0131n\u0131n i\u00e7inde ge\u00e7erlidir ve global de\u011fi\u015fken kirlili\u011fini \u00f6nlerler.  Bu, IIFE’lere olan ihtiyac\u0131 b\u00fcy\u00fck \u00f6l\u00e7\u00fcde azaltm\u0131\u015ft\u0131r.<\/p>\n
Ancak, IIFE’ler tamamen yok olmam\u0131\u015ft\u0131r.  Baz\u0131 durumlarda, \u00f6zellikle eski kod tabanlar\u0131nda veya IIFE’nin kapsam olu\u015fturma \u00f6zelli\u011fini \u00f6zellikle kullanmak istedi\u011finiz durumlarda hala faydal\u0131 olabilirler. \u00d6rne\u011fin, bir k\u00fct\u00fcphane veya framework’\u00fcn global de\u011fi\u015fkenleri kirletmesini \u00f6nlemek i\u00e7in hala kullan\u0131labilirler.<\/p>\n
Sonu\u00e7<\/h2>\n
JavaScript IIFE’leri, global de\u011fi\u015fken kirlili\u011fini \u00f6nleme ve daha mod\u00fcler kod yazma konusunda b\u00fcy\u00fck bir ad\u0131m olmu\u015ftur.  Ancak, modern JavaScript’in geli\u015fmi\u015f kapsamlama \u00f6zellikleri sayesinde \u00f6nemini kaybetmi\u015ftir.  Yine de, eski kodlarda veya belirli durumlarda kullan\u0131lmaya devam edebilirler.  Modern JavaScript’te IIFE kullan\u0131p kullanmamak tamamen projenizin ihtiya\u00e7lar\u0131na ve tercihlerinize ba\u011fl\u0131d\u0131r.  Kodunuzun okunabilirli\u011fi ve s\u00fcrd\u00fcr\u00fclebilirli\u011fi en \u00f6nemli fakt\u00f6rlerdir.<\/p>\n
Daha fazla JavaScript geli\u015ftirme ipucu ve teknikleri i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.<\/p>\n
Faydal\u0131 bulabilece\u011finiz di\u011fer kaynaklar:<\/p>\n