JavaScript


Haber bülteni üyeliği



Ziyaret Bilgileri

[ Per, 27 Haz 2019 ]
Toplam 34 ziyaret
6 benzersiz ziyaretçi

javascript » JavaScript Fonksiyonları

JavaScript Fonksiyonları

Bir fonksiyon kapalı bir kod bloğudur ve bir olay ya da talep doğrultusunda tekrar tekrar kullanılabilir. 

Bir script?in tarayıcı tarafından hemen çalıştırılmasını istemiyorsanız onu bir fonksiyon içine koyabilirsiniz. 

Bir fonksiyon bir olay ya da fonksiyonun çağrılması ile çalışacak kodları içinde barındırır. Çağrı ya da olay olmadıkça kodlar çalıştırılmaz. Bir fonksiyonu sayfanın her hangi bir yerinde çağırabilirsiniz. Fonksiyonlar hem head hem de body bölgesine yazılabilirler. Fakat fonksiyonun çağrılmadan önce hafızaya yüklenmesi için head kısmında bulunması tercih edilir. 

Örnek

<html>

<head>

<script type="text/javascript">

function mesajgoster()

{

alert("Naber Dunya!");   

}

</script>

</head>

<body>

<form>

<input type="button" value="Tikla" onclick="mesajgoster()">

 </form>

</body>

</html>

 

Eğer alert("Naber Dunya!") satırı fonksiyonun içinde olmasaydı, yükleme sırası o satıra gelir gelmez alarm kutusu ile karşılaşacaktık. Şimdi ise düğmeye tıklamadığınız sürece alarm kutusu ile karşılaşmıyorsunuz. Düğmeye eklediğimiz onclick komutu ile fonksiyonu çağırıyoruz ve alarm kutusunu çalıştırıyoruz. 

Fonksiyon nasıl tanımlanır?

Bir fonksiyonun dizini;

function fonksiyonismi(değişken1, değişken2, .... , değişkenX) 

{

kodlar

}

 

Değişken1 ve değişken iki fonksiyon içine geçen değişkenlerdir. Tırnaklı parantez içinde o fonksiyonun kodları bulunur. Bir fonksiyonun içinde geçen değişken yoksa bile yine de fonksiyon isminin sonuna parantezler konulur. 

function fonksiyonismi() 

{

kodlar

}

NOT: Fonksiyon isimleri küçük harfli ve türkçe karaktersiz olmalıdır. Aksi takdirde fonksiyon ve içerisindeki kodlar çalışmayacaktır. 

Return İfadesi

Return ifadesi fonksiyondan dönecek olan değeri tanımlamak için kullanılır. 

Örnek

Aşağıdaki fonksiyon iki numarayı çarpıyor

function carp(a,b)

{

x=a*b;

return x;

}

Bu fonksiyonu çağırırken değişkenlerini tanımlamak gerekiyor;

carpim=carp(2,3);

Örnekler

Fonksiyon

<html>

<head>

<script type="text/javascript">

function alarm()

{

alert("Naber Dunya!");

}

</script>

</head>

<body>

<p>Asagidaki dugme ile alarmi calistirin</p>

<form>

<input type="button" onclick="alarm()" value="tikla" /></form>

</body>

</html>

 

Argümanlı Fonksiyon

<html>

<head>

<script type="text/javascript">

function alarm(metin)

{

alert(metin);

}

</script>

</head>

<body>

<form>

<input type="button" onclick="alarm('Naber Dunya!!!')" value="tikla" />

</form>

<p>Yukaridaki dugme ile argumanli fonksiyonu cagirin</p>

</body>

</html>

 

Argümanlı Fonksiyon 2

<html>

<head>

<script type="text/javascript">

function alarm(metin)

{

alert(metin);

}

</script>

</head>

<body>

<form>

<input type="button" onclick="alarm('iyi gunler')" value="guduz" />

<input type="button" onclick="alarm('iyi aksamlar')" value="aksam" />

<input type="button" onclick="alarm('iyi geceler')" value="gece" />

</form>

</body>

</html>

 

Return İfadeli Fonksiyon

<html>

<head>

<script type="text/javascript">

function naberdunya()

{

return("Naber Dunya!!!");

}

</script>

</head>

<body>

<script type="text/javascript">

document.write(naberdunya());

</script>

</body>

</html>

 


Yorumlar (1)
Emeği geçen herkese teşekkür ederim. Bu konuya ilk kez giriş yaptım. Çok faydalı oldu.
Nevzat BALIKÇI tarafından | Cmt, 07 Haz 2014 21:26:16 tarihinde yazıldı.





Editör Bilgileri

Mehmet Emrah Konya

Zibidi


Editöre Ulaşın

En Son Güncellenenler

ikinci-jeanpaul
freebsd
apiterapi
azdavay-bakirci
aramamotorlari
uyku
kazimkoyuncu

Uzerine.com Copyright © 2005 Uzerine.com
uzerine.com Ana Sayfa | Gizlilik Sözleşmesi | Üye Girişi