JavaScript Essentials: B\u00f6l\u00fcm 7 – Fonksiyonlar ve Scope<\/p>\n
Merhaba! Bu serinin 7. b\u00f6l\u00fcm\u00fcnde JavaScript fonksiyonlar\u0131 ve scope kavram\u0131n\u0131 ele alaca\u011f\u0131z. Fonksiyonlar, kodlar\u0131m\u0131z\u0131 daha organize, tekrar kullan\u0131labilir ve anla\u015f\u0131l\u0131r hale getirmenin temel ta\u015f\u0131d\u0131r. Scope ise de\u011fi\u015fkenlerin hangi kod b\u00f6l\u00fcmlerinde eri\u015filebilir oldu\u011funu belirler. <\/p>\n
Fonksiyonlar, belirli bir g\u00f6revi yerine getiren, yeniden kullan\u0131labilir kod bloklar\u0131d\u0131r. Bir fonksiyon, girdi olarak parametreler alabilir ve i\u015flem sonucunda bir de\u011fer d\u00f6nd\u00fcrebilir. <\/p>\n
\nfunction selamla(ad) {\n return \"Merhaba \" + ad + \"!\";\n}\n\nconsole.log(selamla(\"Fatih\")); \/\/ \u00c7\u0131kt\u0131: Merhaba Fatih!\n<\/code><\/pre>\nYukar\u0131daki \u00f6rnekte, `selamla` adl\u0131 bir fonksiyon tan\u0131ml\u0131yoruz. Bu fonksiyon, `ad` adl\u0131 bir parametre al\u0131yor ve “Merhaba [ad]!” mesaj\u0131n\u0131 d\u00f6nd\u00fcr\u00fcyor. `console.log()` ile fonksiyonu \u00e7a\u011f\u0131rarak “Fatih” parametresini g\u00f6nderiyoruz ve “Merhaba Fatih!” \u00e7\u0131kt\u0131s\u0131n\u0131 al\u0131yoruz.<\/p>\n
Fonksiyon Tipleri<\/h3>\n
JavaScript’te farkl\u0131 fonksiyon t\u00fcrleri bulunur:<\/p>\n
* **Fonksiyon ifadeleri:** Bir de\u011fi\u015fkene atanm\u0131\u015f fonksiyonlar.
\n* **Fonksiyon ifadeleri:** `function` anahtar s\u00f6zc\u00fc\u011f\u00fc ile tan\u0131mlanan fonksiyonlar.
\n* **Ok fonksiyonlar\u0131:** Daha k\u0131sa ve \u00f6z bir fonksiyon tan\u0131mlama y\u00f6ntemi.
\n* **Y\u00f6ntemler:** Objelere ait \u00f6zel fonksiyonlar.<\/p>\n
Scope: De\u011fi\u015fken Eri\u015fim Haklar\u0131<\/h2>\n
Scope, de\u011fi\u015fkenlerin hangi kod b\u00f6l\u00fcmlerinde eri\u015filebilir oldu\u011funu belirler. JavaScript’te iki ana scope t\u00fcr\u00fc vard\u0131r:<\/p>\n
* **Global Scope:** Her yerden eri\u015filebilen de\u011fi\u015fkenler.
\n* **Yerel Scope:** Sadece tan\u0131mland\u0131\u011f\u0131 fonksiyonun i\u00e7inde eri\u015filebilen de\u011fi\u015fkenler.<\/p>\n
\nlet globalDegisken = \"Merhaba!\"; \/\/ Global de\u011fi\u015fken\n\nfunction selamla(ad) {\n let yerelDegisken = \"Ho\u015f geldiniz!\"; \/\/ Yerel de\u011fi\u015fken\n console.log(globalDegisken + \" \" + ad + \", \" + yerelDegisken);\n}\n\nselamla(\"Fatih\"); \/\/ \u00c7\u0131kt\u0131: Merhaba! Fatih, Ho\u015f geldiniz!\n\nconsole.log(yerelDegisken); \/\/ Hata: yerelDegisken tan\u0131ms\u0131z\n<\/code><\/pre>\nYukar\u0131daki \u00f6rnekte, `globalDegisken` global scope’da, `yerelDegisken` ise `selamla` fonksiyonunun yerel scope’unda tan\u0131ml\u0131d\u0131r. `selamla` fonksiyonu i\u00e7inde her iki de\u011fi\u015fkene de eri\u015filebilirken, fonksiyon d\u0131\u015f\u0131nda sadece `globalDegisken` eri\u015filebilir.<\/p>\n
Scope Kavram\u0131 ve Fonksiyonlar<\/h3>\n
Scope kavram\u0131 fonksiyonlar ile birlikte \u00f6nemlidir. Fonksiyonlar kendi scope’lar\u0131n\u0131 olu\u015fturur ve de\u011fi\u015fkenlerin eri\u015fimini kontrol eder. Bu, kodun daha organize ve g\u00fcvenli olmas\u0131n\u0131 sa\u011flar. \u00c7\u00fcnk\u00fc fonksiyonlar i\u00e7inde tan\u0131mlanan de\u011fi\u015fkenler, ba\u015fka fonksiyonlar taraf\u0131ndan de\u011fi\u015ftirilemez.<\/p>\n
Fonksiyonlar ve Scope \u00d6zetle<\/h2>\n
Fonksiyonlar, JavaScript’te kodun tekrar kullan\u0131labilirli\u011fini ve organizasyonunu art\u0131rmak i\u00e7in kullan\u0131l\u0131r. Scope ise de\u011fi\u015fkenlerin eri\u015fim haklar\u0131n\u0131 y\u00f6netir. Bu iki kavram, JavaScript’te kod yazarken dikkat edilmesi gereken \u00f6nemli konulard\u0131r.<\/p>\n
Sonu\u00e7<\/h2>\n
Bu makalede, JavaScript fonksiyonlar\u0131 ve scope hakk\u0131nda temel bilgileri ele ald\u0131k. Bu kavramlar\u0131 anlamak, daha karma\u015f\u0131k JavaScript kodlar\u0131 yazmak i\u00e7in gereklidir. <\/p>\n