JavaScript Essentials: Bölüm 7 – Fonksiyonlar ve Scope
Merhaba! Bu serinin 7. bölümünde JavaScript fonksiyonları ve scope kavramını ele alacağız. Fonksiyonlar, kodlarımızı daha organize, tekrar kullanılabilir ve anlaşılır hale getirmenin temel taşıdır. Scope ise değişkenlerin hangi kod bölümlerinde erişilebilir olduğunu belirler.
Fonksiyonlar: Kodun Yapı Taşları
Fonksiyonlar, belirli bir görevi yerine getiren, yeniden kullanılabilir kod bloklarıdır. Bir fonksiyon, girdi olarak parametreler alabilir ve işlem sonucunda bir değer döndürebilir.
function selamla(ad) {
return "Merhaba " + ad + "!";
}
console.log(selamla("Fatih")); // Çıktı: Merhaba Fatih!
Yukarıdaki örnekte, `selamla` adlı bir fonksiyon tanımlıyoruz. Bu fonksiyon, `ad` adlı bir parametre alıyor ve “Merhaba [ad]!” mesajını döndürüyor. `console.log()` ile fonksiyonu çağırarak “Fatih” parametresini gönderiyoruz ve “Merhaba Fatih!” çıktısını alıyoruz.
Fonksiyon Tipleri
JavaScript’te farklı fonksiyon türleri bulunur:
* **Fonksiyon ifadeleri:** Bir değişkene atanmış fonksiyonlar.
* **Fonksiyon ifadeleri:** `function` anahtar sözcüğü ile tanımlanan fonksiyonlar.
* **Ok fonksiyonları:** Daha kısa ve öz bir fonksiyon tanımlama yöntemi.
* **Yöntemler:** Objelere ait özel fonksiyonlar.
Scope: Değişken Erişim Hakları
Scope, değişkenlerin hangi kod bölümlerinde erişilebilir olduğunu belirler. JavaScript’te iki ana scope türü vardır:
* **Global Scope:** Her yerden erişilebilen değişkenler.
* **Yerel Scope:** Sadece tanımlandığı fonksiyonun içinde erişilebilen değişkenler.
let globalDegisken = "Merhaba!"; // Global değişken
function selamla(ad) {
let yerelDegisken = "Hoş geldiniz!"; // Yerel değişken
console.log(globalDegisken + " " + ad + ", " + yerelDegisken);
}
selamla("Fatih"); // Çıktı: Merhaba! Fatih, Hoş geldiniz!
console.log(yerelDegisken); // Hata: yerelDegisken tanımsız
Yukarıdaki örnekte, `globalDegisken` global scope’da, `yerelDegisken` ise `selamla` fonksiyonunun yerel scope’unda tanımlıdır. `selamla` fonksiyonu içinde her iki değişkene de erişilebilirken, fonksiyon dışında sadece `globalDegisken` erişilebilir.
Scope Kavramı ve Fonksiyonlar
Scope kavramı fonksiyonlar ile birlikte önemlidir. Fonksiyonlar kendi scope’larını oluşturur ve değişkenlerin erişimini kontrol eder. Bu, kodun daha organize ve güvenli olmasını sağlar. Çünkü fonksiyonlar içinde tanımlanan değişkenler, başka fonksiyonlar tarafından değiştirilemez.
Fonksiyonlar ve Scope Özetle
Fonksiyonlar, JavaScript’te kodun tekrar kullanılabilirliğini ve organizasyonunu artırmak için kullanılır. Scope ise değişkenlerin erişim haklarını yönetir. Bu iki kavram, JavaScript’te kod yazarken dikkat edilmesi gereken önemli konulardır.
Sonuç
Bu makalede, JavaScript fonksiyonları ve scope hakkında temel bilgileri ele aldık. Bu kavramları anlamak, daha karmaşık JavaScript kodları yazmak için gereklidir.
Eğer JavaScript öğrenmeye devam etmek isterseniz, web sitemi ziyaret edebilirsiniz: fatihsoysal.com
Gelecek bölümde, JavaScript’te dizi ve nesneler hakkında bilgi edineceğiz. Kalın!