Fonksiyonlar

   

       JavaScript komutları genelde fonsiyon içinde tanımlanırlar. Basit scriplerde fonksiyona pek gerek duyulmasa da scriptin karmaşıklığı artıkça fonksiyon kullanımı gerekebilir ve çoğu zaman zorunlu hale gelir. Biz de anlatımımız boyunca vereceğimiz örneklerin hemen hemen hepsinde fonksiyon kullanacağımız için ilk dersimize fonksiyon kullanımı ile başlamak istedim. Umarım bi sakıncası yoktur? Gerçi olsa ne yazar..

      JavaScript'te foksiyon kabaca    function fonksiyonun_adı()  şeklinde tanımlanır ve fonksiyonun çalışabilmesi için herhangi bir komutla tetiklenmesi gerekir.  

Örnek :

<html>
<script language="javascript">
function  mesaj()
{
alert("fonksiyon örneği çalışıyor.")
}
</script>
<body>
<center>
<p> <b>Function Örneği</b></p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</html>

scriptin çalışan örneğini görmek için tıklayın.

Not: Bu JavaScript'te fonksiyonu tetiklemek için "<button></button>" ve "onclick" komutlarını kullandık bunları ilerleyen derslerde daha ayrıntılı olarak inceleyeceğiz şimdilik bilmeniz gereken bu komutların genelde beraber kullanıldığıdır. Diğer örneklerimizde de bu komutlardan yararlanacağız.. 

<button onclick="fonksiyonun adı">tıklayıın</button>

Fonksiyona Dışarıdan Değişken Gönderme.

        Foksiyonların en çok kullandığımız özelliklerinden biri de dışarıdan değişken alabilme özelliğidir.
function deneme(a)   'şeklinde tanımlanan bir fonksiyona dışarıdan her hangi bir "a" ve değişkeni yollanabilir. Dışardan bir değişken yollanabileceği gibi birden fazla değişkende yollana bilir.
function deneme(x,y) 'şeklindeki bir fonksiyona dışarıdan "x" ve "y" gibi iki değişken gönderilebilir. Gönderilen ilk değişken "x" ikinci değişken "y" olarak algılanır.
dışarıdan yollanan  değişken, tetikleme komutunun sonuna eklenen
deneme('ali','veli')  (burada deneme('ali','veli') yazmamızın nedeni tetiklenecek fonksiyonun adının deneme() olmasıdır) komutu ile yollanır burada 'ali' birinci değişken 'veli' ise ikinci değişkendir. 

Örnek :

<htm>
<script language="javascript">
function deneme(a,b)
{
alert("birinci değişkeniniz="+a)
alert("ikinci değişkeniniz="+b)
}
</script>
<body>
<center>
<p><b>İkinci Function Örneği</b></p>
<input type="button" value="Tıklayın!.." onclick="deneme('bilim','teknoloji')">
</body>
</html>

scriptin çalışan örneğini görmek için tıklayın.

 

<<-1-2-3-4-5-6-7-8-9-10-11->>