JavaScript Fonksiyonlar (Metotlar)

Fonksiyon Nedir?

Program içerisinde bazı kod parçaları defalarca kullanılacaksa, bu satırları her seferinde tekrar yazmak yerine bir fonksiyon içerisine yazabilir ve fonksiyonun adı ile istedimiz yerden çağırabiliriz. 

Ayrıca JavaScript gibi olay yönlendirmeli dillerde hangi olay gerçekleştiğinde hangi fonksiyonun çalışacağı belirlenerek işlemler gerçekleştirilir. 

Fonksiyonlar sayesinde programlarımız hem daha düzenli olacak, hem de gerektiğinde düzeltmeler yapmak daha kolay olacaktır.

JavaScript'te Fonksiyon Tanımlama

Aşağıda hesapla isminde basit bir fonksiyon tanımlanmış ve body kısmında yer alan bir buton tıklandığında çalışması sağlanmıştır.

<html> <head>

<script>

function hesapla()

{

Yapılacak işlemler buraya yazılır.

}

</script>

</head>

<body>

<input type="button" value="Hesapla" onclick="hesapla()" />

</body>

</html>

JavaScript'te Lokal ve Global Değişkenler

Bir fonksiyon içerisinde tanımlanan değişken, sadece o fonksiyon içerisinde geçerli olur ve diğer yerlerden erişilemez. 

Fonksiyonların dışında, script etiketleri arasında tanımlanan bir değişken ise global değişkendir ve tüm diğer fonksiyonlardan çağrılabilir.

<script>

var k;

function fonksiyon1()

{

var a;

}

function fonksiyon2()

{

var b;

}

</script>

Yukarıdaki örnekte k değişkeni global değişkendir. Her yerden erişilebilir. a değişkeni sadece fonksiyon1 içinde geçerlidir.

Var komutu ile tanımlanmadan değer atanan bir değişken otomatik olarak global kabul edilir.

function fonksiyon3()

{

c = "Bilgisayar";

}

Bu örnekteki c değişkeni global değişken olarak her yerden erişilebilecektir.

javascript fonksiyon oluşturma, javascript fonksiyon örnekleri, javascript metot oluşturma, javascript global değişken kullanma, lokal ve global değişkenler ve farkları

KONU İLE İLGİLİ ÖRNEKLER

JavaScript olay ve fonksiyon örnekleri Kendin Dene
Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...
 
Bu örnekte img etiketinin onclick, onmouseover ve onmouseout olayları için birer fonksiyon hazırlanmıştır.
 
Html Kısmı:
<img onmouseover="uzerinde()" onmouseout=
"disinda()" onclick="tiklandi()" src="../images/resim.jpg" />
 
<b id="durum"></b>


YORUMLAR




15746  kez okundu.

Online Kullanıcı Sayısı 475



JavaScript-Fonksiyonlar-Metotlar