Java Script (js) Fonksiyonlar
by admin,Javascript de fonksyion kullanımı diğer dillerdeki fonskyion kullanımlarına benzer
bir fonksyion tanımlaması yaparken
function fonskiyon_ismi () {
…..//iÅŸlenecek satırlar
……
}
şeklinde kullanırız.
Bu noktadan sonra size güzel bir derleyici tavsiyesinde bulunmak istiyorum.
Evet pek çoğumuzun bildiği ve kullandığı notpad++
E hep notdefterinde çalışaca değiliz projeler büyüdükçe açılan kapanan tagların sayısı arttıkca bunların kontrolü zorlaşacak tasarım kısmı ve kod kısmını birbirinden ayıt etme gibi durumlar söz konusu olacağı için bu derleyiciyi tavsiye ediyorum.Gezginler sitesinin şu linkinde programın 5.1.4 versiyonu mevcut.Desdeklediği dillerde içeriyor.
Piyasada tasarım anlaamında işi kolaylaştıran pek çok program var.Bunların en popüleri dreamweaver sanırım.Benim bu programı önermemin sebebi başlangıcı bu gibi bi derleyiciile yaparak temeli sağlam atmak.
Daha önce html nedir? başlıklı yazıda değindiğim üzere dreamweaver gibi programlar kendileri kod ekledikleri için herhangi bir durumda bir değişiklik yada yenileme yapılması gerekildiğinde apışıp kalınılabiliyor.
İlk başta zor gelebilir ama kodlarla haşır neşir olurp bişeyler ortaya çıktıkça ve insan öğrendikçe dreamweaver dan daha zevkli hale gelicek.
Herneyse konuyu dağıtmadan fonksiyonlar üzerinde durmak istiyorum.
Javascript de fonksiyonları argümanlı ve argümansız fonksiyonlar olarak ikiye ayırırsak eğer şu şekilde ele almamız gerekecektir.
1Argümansız Fonksiyonlar
Argümanlı fonksyionlar herhangibir parametre alıp bunu işlemeyen fonksiyonlar.Örnek veriyorum;
<html>
<head>
<script language=”javascript”>
function mesaj(){
document.write(”merhaba”);
}
</script>
</head>
<body>
<form>
<input type=”button” onclick=”mesaj()” value=”mesaj kontrol”>
</form>
</body>
</html>
bu kodu notdefterine yapıştırıp adını mesaj.html olarak değiştirelim ve kayedelim.
Ekrana çkan butona bastığımızda merahab yazısı çıkar.Burada tabiki onclik olayını ve document write olayının üzerinde durmuyoruz ama açıklıyayım.Butona tıklama ile mesaj fonksyionun tetikledik.document.write ise bu dökğmana bişeyler yazma kodu olarak söyleyebilirim.Daha sonra bu konulara değinicem ama burda söylemek istediğim herhangi bir parametre göndermedik fonksona sadece tetikledik o kadar.Şimdi gelelim diğer fonksiyon tipine;
2.Argümanlı Fonksyionlar
Bazı durumlarda fonksiyona bir değer yollama ve bu değeri fonksyion içinde işleme ve geri alma gibi durumlar söz konusudur.Mesela örnek veriyorum.Daha önce gördüğümüz bir select nesnesi içinde bir değer var bizim bu değeri alıp javascritp fonksyionumuza parametre olarak göndermemiz gerekebilir.
<html>
<head>
<script language=”javascript”>
function puan(a,b){
var sonuc =a+b;
document.write(sonuc);
}
</script>
</head>
<body>
<form>
<input type=”button” onclick=”puan(10,5)” value=”10+5=?”>
</form>
</body>
</html>
Burada fonksyiona puan(10,5) şeklinde iki değer gönderdik.Fonksyiona giden bu değerler 10 a değişkenine 5 de b değişkenine eşitlendi.
Javascript içinde tanımadığımız sonuc değişkeni bu iki sayının toplamıdır ve document.write ile ekrana bastık
Programlamanın temel taşlarından olan fonksyionları gördük.Daha sonraki yazılarda döngüler ve mantıksal denetlemeleri anlatıcam.Bu temel yapı taşlarını bitirdikten sonra işin zevkli kısımları form nesneleri ile etkileşimler,javascriptin kendien has nesneleri,html usnurları ile etkileşim ,bir takım javascript olaylarından bahsedicem.bütün bunların sonunda sitelerde karşılaştığımız yatay dikey açılır menüler ve basit anlamda text editör yapmayı anlatıcam.
Ama oraya kadar dahabiraz yol var.Åžimdilik bu kadar.
Tags: fonksiyon, fonksiyonlar, function, functions, java, java script, js
