Javascript ile nesnelere, fonksiyonlar ve değişkenlere nasıl ve nerelerden ulaşma yetkinizin olduğunu örneklerle açıklayalım.
Yerel JavaScript değişkenleri:Yerel olarak tanımlanmış javascript değişkeni sadece oluşturulduğu alanda tanınmaktadır.
Fonksiyon dışında bu isim değişkeni tanınmayacaktır.
|
1 2 3 4 5 6 7 |
function OrnekMetod(){ var isim="Yazılım Bilişim"; } |
Evrensel(Global) JavaScript değişkeni:Tüm script,fonksiyon ve web nesnelerinde ulaşılabilir.
Script içinde tanımlanmış olan isim değişkenine her yerden ulaşılabilir.
|
1 2 3 4 5 6 7 8 9 |
var isim="Yazılım Bilişim"; function OrnekMetod(){ //örnek kodlar bu bölümde olabilir. } |
Otomatik Küresel değişken: Değişken evrensel olarak tanımlanmamıştır. Ancak fonksiyion yada nesne içinde sonradan tanımlandığında küresel olması için değişken adının yazılması yeterlidir.
Fonksiyon içinde tanımlanan isim tüm scriptler ve web içinde fonksyion kullanıldıktan sonra ulaşılabilir durumdadır.(Not: var ile bildirim yapılmadığına dikkat edilmeli)
|
1 2 3 4 5 6 7 |
function OrnekMetod(){ isim="Yazılım Bilişim"; } |
Tanımlamalar ile ilgili örnekler
HTML örneklerinde açıklamalar yorum satırları içinde yapılmıştır. typeof metodu değişken tanımlanmışsa değişken tipini tanımlanmamışsa undefined tipini çevirmektedir.
Yerel JavaScript değişkeni örneği:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript Kapsam</title> </head> <body> <script> function OrnekMetod(){ var isim="Yazılım Bilişim"; //typeof metodu değişken tanımlamışsa tipini tanımlanmamışsa undefined değerini döndürür. alert("fonksiyon içi:" + typeof(isim) ); } OrnekMetod(); //typeof metodu değişken tanımlamışsa tipini tanımlanmamışsa undefined değerini döndürür. alert("fonksiyon dışı:" + typeof(isim) ); </script> </body> </html> |
Küresel JavaScript değişkeni örneği:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript Kapsam</title> </head> <body> <script> var isim="Yazılım Bilişim"; //typeof metodu değişken tanımlamışsa tipini tanımlanmamışsa undefined değerini döndürür. function OrnekMetod(){ alert("fonksiyon içi:" + typeof(isim) ); } OrnekMetod(); //typeof metodu değişken tanımlamışsa tipini tanımlanmamışsa undefined değerini döndürür. alert("fonksiyon dışı:" + typeof(isim) ); </script> </body> </html> |
Otomatik Küresel JavaScript değişkeni örneği:
isim değişkeni ilk kontrol edildiğinde tanımlanmadığı için undefined tipini döndürüyor. fonksyion kullanıldıktan sonra değişken fonksyion dışında tekrar çağrıldığında artık değişken global olarak tanımlanmış olduğu için string tipini getiriyor.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript Kapsam</title> </head> <body> <script> alert("fonksiyon dışı 1:" + typeof(isim) ); function OrnekMetod(){ isim="Yazılım Bilişim"; alert("fonksiyon içi:" + typeof(isim) ); } OrnekMetod(); //typeof metodu değişken tanımlamışsa tipini tanımlanmamışsa undefined değerini döndürür. alert("fonksiyon dışı 2:" + typeof(isim) ); </script> </body> </html> |
[…] JavaScript Dersleri 2.1 Kapsam […]