Local ve Global Değişken

 bcakir
 23 Haziran 2011

Merhaba arkadaşlar 2 haftadır yazamamıştım derslerim ve tatile çıktığım için. Önemli olduğunu düşündüğüm bir konu ile kaldığımız yerden yazılarımıza devam edelim. Bu makalemde JavaScripte yerel ve evrensel değişken arasındaki farkı anlatarak uygulama geliştireceğiz. Local (yerel) değişken fonksiyonların içinde kullanılan değişkenlerdir ve sadece fonksiyon içinde kullanılırlar. Global (evrensel) değişkenler ise yazdığımız program kodunun heryerinde (fonksiyonların içi de dahil olmak üzere) kullanılırlar. Birbirinden farklı 2 tane uygulama yaparak farklarını iyice anlayalım.

<html>
<head>
<title>Local ve Global Değişken</title>

<script type="text/javascript">
var a = 7;

function ekle(){
a=a+21;
document.getElementById("yazim").innerHTML=a;
}

function ekle2(){
a=a+9;
document.getElementById("yazim").innerHTML=a;
}
</script>

</head>
<body>
<INPUT type="button" value="21 ekle" onclick="ekle()" />
<INPUT type="button" value="9 ekle" onclick="ekle2()" />
<div id="yazim"></div>
</body>
</html>

Yukarıda ki uygulamamızda 2 tane foksiyon ve bu fonksiyonları çağıran 2 tanede buton oluşturduk. Programımıza başladığımızda a değişkenine 7 değerini verdik. Daha sonra butonlarımızın tıklama olayı (event) ile fonsiyonlarımızı çalıştırarak idsi yazim olan dive sonucu yazdırdık. fonksiyonlarda ise bu değeri 21 veya 9 artırdık. Burada dışarıda olan global a değişkenini uygulamamızda çağırmayı gördük. Sonraki uygulamamızla birlikte ise yerel değişkenden ne farkı olduğunu görelim.

<html>
<head>
<title>Local ve Global Değişken</title>

<script type="text/javascript">
var a = 7;

function evrensel(){
a=a+21;
document.getElementById("yazim").innerHTML=a;
}

function yerel(){
var a=0;
a=a+9;
document.getElementById("yazim").innerHTML=a;
}
</script>

</head>
<body>
<INPUT type="button" value="evrensel" onclick="evrensel()" />
<INPUT type="button" value="yerel" onclick="yerel()" />
<div id="yazim"></div>
</body>
</html>

Yukarıdaki uygulamamızda ise ilkinden farklı olarak yerel fonksiyonunda a değişkenini tekrar tanımladık. Bu a değişkeni sadece yerel fonksiyonun içinde kullanılabilir ve programın başlangıcında ki global a değişkeniyle bir alakası yoktur. İsimleri aynı olmasına karşın farklı değişkenlermiş gibi çalışırlar. Uygulamamızı çalıştırdığımızda ise global butonuna tıkladığımızda hep 7 değerinin üzerine 21 ekleyerek sayıyı ekrana basar. yerel butonuna bastığımızda ise sonuç 9 dur ve hiç değişmez. Çünkü fonksiyonun içinde değişkeni tanımladığımız için değer hep sabit kalır. Global değişkenindeki gibi eski değer içinde saklanmaz. Uygulamalarımızı da açıklayarak makalemizin sonuna geldik, herkese iyi günler dilerim.

 2.631 Okunma

Bu yazıya 1 yorum yapılmış.

  1. teşekkür ederim…

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

Daha fazla JavaScript
Kapat