Değişkenler JavaScript'te verileri saklamak ve işlemek için temel bir bileşendir. Bu değişkenlerin nerede geçerli olduğunu ve kodunun hangi alanlarına erişebileceklerini anlamak önemlidir. Farklı değişken türleri – küresel ve yerel – göz önünde bulundurulduğunda, "Kapsam" kavramını (görünürlük alanı) anlamak temeldir. Bu nedenle derinlemesine inceleyelim ve küresel ve yerel değişkenlerin ne olduğunu bulalım.
En önemli bulgular
- Küresel değişkenler kodun her yerinde erişilebilirken, yerel değişkenler yalnızca kendi fonksiyonları içinde görünür.
- Bir değişkeni bir fonksiyonun dışında tanımlamak onu küresel, bir fonksiyon içinde tanımlamak ise onu yerel yapar.
- Kodun daha net ve bakım dostu bir yapısı için, küresel değişkenlerin scriptin başında tanımlanması avantajlıdır.
Aşama Aşama Kılavuz
Değişkenlerin tanımı ve görünürlüğü
İlk adımda, bir değişkenin nasıl oluşturulacağını ve görünürlüğünün ne anlama geldiğini inceleyeceğiz. Aşağıda gösterilen örnekte, bir değişkeni her fonksiyonun dışında tanımladığınızda bu değişken küreseldir.
Burada "benimDeğişkenim" adında bir küresel değişken tanımlıyoruz.
Yerel değişkenlerle fonksiyon oluşturma
Sonraki adımda iki fonksiyon oluşturacağız. Bir fonksiyonu "yerelFonksiyon" olarak adlandıracağız; burada bir yerel değişken oluşturacağız. Bu değişken yalnızca fonksiyon içinde görünür. Fonksiyonumuzu tanımlayalım.
YerelFonksiyon içinde, "yerelV" adında bir yerel değişken oluşturuyorsunuz ve değerini 5 olarak ayarlıyorsunuz.
Fonksiyonların çağrılması
Artık yerelFonksiyon'u çağırmak istiyoruz, böylece 5 sayısını yazdıracağız. Kodu çağırdıktan sonra çıktı şöyle görünecek:
Yerel değişkenin görünürlüğünün testi
Şimdi yerel değişken "yerelV"yi başka bir fonksiyonda kullanmayı deneyelim. Bunun çalışmadığını göreceksiniz. "başkaFonksiyon"u çağırıp ne olacağını görelim.
Bir hata alıyoruz çünkü "yerelV" değişkeni yalnızca "yerelFonksiyon" içinde görünür.
Konsolda hataların kontrolü
Hatanın nedenini daha iyi anlamak için kodu konsolda inceleyeceğiz. Sağ tıklayıp "İncele" seçeneğini seçerek DOM Gezgini'ni ve konsolu açabilir, hatayı analiz edebilirsiniz.
Burada, "yerelV"nin undefined olduğunu gösteriyor. Bu, değişkenin kendi fonksiyonu dışında mevcut olmadığı varsayımını destekliyor.
Küresel bir değişken tanımlama
Artık her iki fonksiyonda da kullanabileceğimiz bir küresel değişken oluşturalım. Bu değişkene "küreselDeğişken" adını veriyoruz ve ona basit bir metin değeri atıyoruz.
Artık bu küresel değişken her iki fonksiyonda da çağrılabilir ve çıktı aynı olacaktır. Bunu bir kez test edelim.
Değişken tanımlama ve çağrı sırası
Değişken ve fonksiyon tanımlarının sırasının önemli olduğunu belirtmek önemlidir. Eğer bir küresel değişkeni kullanılmadan önce tanımlarsanız, bu undefined sorununa yol açar.
Bu, küresel değişkene ihtiyaç duyan fonksiyonun, tanımından önce çağrılması nedeniyle olur. Bunu önlemek için, küresel değişkenleri kodun en üstünde tanımlamak önerilir.
Yerel değişkenler ve kullanımları hakkında daha fazla bilgi
Şimdi başka bir fonksiyonda bir kez daha yerel bir değişken oluşturalım. Burada "yerelDeğişken" adını veriyoruz ve değerini 12 olarak ayarlıyoruz.
Bu yerel değişkeni de kullanabiliriz, ancak yalnızca kendi fonksiyonu içinde, diğerlerinde değil. İki yerel değişkeni kullanmak, karmaşıklığa bağlı olarak programlarınızda sabırlı ve düzenli olmanızı gerektirebilir.
Kavramların özeti
Artık JavaScript'te değişkenlerin görünürlüğü ve kapsamıyla ilgili temel kavramları anladınız. Küresel değişkenler tüm fonksiyonlar için görünürken, yerel değişkenler yalnızca kendi fonksiyonu içinde var olur. Küresel değişkenlerin kodda merkezi bir yerde tanımlanması, okunabilirliği ve bakım dostu olmayı artırmak için önerilir.
Özet – JavaScript'te Değişkenlerin Görünürlüğü
Özetle, değişkenleri tanımlama şeklinizin, görünürlüklerini ve kapsamlarını doğrudan etkilediğini öğrendiniz. Her zaman değişkenlerinizi nereye yerleştirdiğinize dikkat edin, böylece hatalardan kaçınabilirsiniz.
Sıkça Sorulan Sorular
Küresel değişkenler nedir?Küresel değişkenler, fonksiyonlar dışında tanımlanan ve bu nedenle tüm scriptte erişilebilen değişkenlerdir.
Yerel değişkenler nedir?Yerel değişkenler, bir fonksiyon içinde oluşturulan ve yalnızca bu fonksiyon içinde görünen değişkenlerdir.
Küresel değişkenleri en iyi nasıl kullanabilirim?Küresel değişkenleri, net bir yapı ve daha iyi bakım sağlamak için scriptin başında tanımlamak önerilir.
Yerel değişkenleri fonksiyonları dışında kullanabilir miyim?Hayır, yerel değişkenler yalnızca tanımlandıkları fonksiyon içinde görünür.
Undefined hataları ile nasıl başa çıkabilirim?Değişkenler ve fonksiyonları tanımlarken hangi sırayı izlediğinize dikkat edin, böylece ihtiyaç duyulan değişkenler, kullanımından önce tanımlanmış olur.
