Javascript Fonksiyon Kullanımı

Merhaba arkadaşlar. Bu yazımda sizlere Javascript'te fonksiyon kullanımı anlatacağım.

Fonksiyonlar porgramlama dillerinde belli görevleri yerine getiren kod parçalarıdır ve inanılmaz derecede faydalıdırlar. Kod tekrarını önlemek amacıyla sıklıkla kullanılır ve bir fonksiyonla atıyorum 50 kere yazmanız gereken şeyi bir kere yazarak 50 yerde çağırabilirsiniz. Şimdi hemen kullanımına geçelim.

Öncelikle sözdizimini (syntax) size göstermek istiyorum.

<script>

function fonksiyonAdi(a,b){

return a*b;   //fonksiyonun içine gönderdiğimiz parametreleri çarparak sonucu bize döndürür.

}
</script>

Fonksiyonlar parametre alarak ya da parametresiz çalışabilirler. Şimdi sizlere hem parametre almış hem de almamış haliyle birer örnek yapacağım.

<div id ="topla"></div>

<div id="okul"></div>

<script>

function topla(a,b){

return a+b;

}

function okul(){

return "İstanbul Teknik Üniversitesi";

}
document.getElementById('topla').innerHTML="Toplam:"+topla(4,3); //id'si topla olan elemente 7 sonucunu yazdırır

document.getElementById('okul').innerHTML="Okul Adı "+okul();    // id'si okul olan elemente İstanbul Teknik Üniversitesini yazdırır.
</script>

Javascript fonksiyonun içine girdiğinde return ifadesine ulaştığı zaman çalışmayı durdurur. Return ile geri dönen değer fonksiyon çalıştığında ortaya çıkan son değerdir.

Neden Fonksiyon Kullanırız ?

- Fonksiyonları bir kere tanımladığınız zaman defalarca kullanabilirsiniz.

- Farklı sonuçlar üretmek için aynı kodu defalarca farklı parametreler göndererek kullanabilirsiniz.

Burada biraz da kendi yorumumu katmak zorunda hissettim kendimi. Fonksiyon konusunu iyi anlamanızı istiyorum. Gerçek hayattan bir örnek ererek açıklayacağım. Şimdi fonksiyonu bir sosis fabrikası olarak düşünelim. Fonksiyonun bize geri döndürdüğü değer sosistir. Fonksiyona gönderdiğimiz parametreler ise koyun, kuzu , dana, manda (Size demiyorum sakin olun :D ) vs'dir. Şimdi her girişte parametreler değişir ama sonuç hep sosistir. Şimdi bunu koda dökeceğim.

<script>

function sosisFabrikası(parametre){

return parametre+" etinden yapılmış sosis hazır";

}

sosisFabrikası("Dana"); // bize çıktı olarak Dana etinden yapılmış sosis hazır cevabını döndürür.

sosisFabrikası("Kuzu"); // bize çıktı olarak Kuzu etinden yapılmış sosis hazır cevabını döndürür.

</script>

Fonksiyonları Değişken Olarak Kullanabiliriz

Fonksiyonu tanımladıktan sonra bir değişken tanımlayarak değerine fonksiyonun sonucunu atayabiliriz.

<script>

function isim(parametre){

return parametre;

}

var name = isim("Zafer");

console.log(name); // Konsolda Zafer Yazısı görünür kod çalıştığı zaman

</script>

Size daha önce lokal değişkenlerden bahsetmiştim. Fonksiyonların içinde tanımlanan değerler lokal değişkenlere örnektir

<script>

function deneme(){

var isim = "Zafer";

//isim değişkeni sadece burada kullanılabilir.

}

console.log(isim);  //isim değişkeni bulunamadı hatası verir.

</script>

Faydalı olabildiysem ne mutlu bana :)

YAZAR HAKKINDA

26 Yaşında. Araştırmayı seven, bir şeyler öğretmeye meraklı bir Bilgisayar Mühendisi