Javascript Fonksiyonlar


 

Javascript Fonksiyonları Nedir? Fonksiyonlar Niçin Kullanılır?

Javascript fonksiyonları; programın içerisinde farklı yerlerde fazla miktarda  tekrar eden kod bloklarını, bir fonksiyon haline getirip tekrar tekrar kullanmamızı sağlar. Peki bunun bize faydası nedir dersek, aynı işlemleri çoğu yere kopyala yapıştır yapmayarak hata yapma oranımızı azaltır. Kodlarımızın daha anlaşılabilir ve daha organize bir halde olmasını sağlar. Küçük projeler yaparken “bunu fonksiyonla yapmanın ne anlamı var ki?” diye düşünebilirsiniz, ama projeniz zamanla büyüdüğü zaman fonksiyon oluşturmanın  ve kullanmanın avantajlarını daha iyi göreceksiniz.

Genel olarak javascript fonksiyonlarını 3 kategoriye ayırabiliriz:

  • Javascript’te hazır halde bulunan veya bizim özel olarak oluşturduğumuz fonksiyonlar.
  • Geri değer döndüren veya döndürmeyen fonksiyonlar.
  • Parametre alan veya almayan fonksiyonlar.

Javascript’te fonksiyonlarımızı ” function ” anahtar kelimesi ile tanımlarız, fonksiyonun adını verip parametre alacak ise onu da belirtiriz. Tüm bu kısma “fonksiyonun prototipi” denir. Süslü parantezlerden oluşan kısma ise kodun “body” kısmıdır. Fonksiyonumuzun ne iş yapacağı, geri değer döndürecek ise  ne döndüreceği gibi bütün işlemler burada yapılır.

 

Yukarıda javascript fonksiyonun nasıl tanımlandığını gördük. Fonksiyonu tanımladıktan sonra çalışması için çağırmamız gerekiyor.

Fonksiyonun kodu html içerisinde script etiketleri arasında yazılmıştır. Bu yazıda örnekler ve konu anlatımları görsellerle adım adım yapılacaktır.

Kodların tamamı için yazının sonunda ulaşıp çalıştırarak daha fazla verim alabilirsiniz.

Javascript’te Hazır Fonksiyonlar

Hazır fonksiyonlar, bizim ekstra bir işlem yapmamıza gerek kalmadan javascript ile birlikte gelen metotlardır. Bu fonksiyonların amacı ise bize kod yazarken kolaylık sağlamaktır. Hazır fonksiyonlara örnek verelim:

  • parseFloat( )  : Girilen parametreyi kayan noktalı sayıya dönüştürür.
  • parseInt( )      : Girilen parametreyi tam sayıya dönüştürür.
  • eval( )             : Girilen işlemleri yürütür.  (2+5) girdiğimizi varsayalım eval fonksiyonu bunu çalıştırarak 7 elde eder.
  • toString ( )     : Girilen objeleri stringe dönüştürür.
  • isNan( )          : Girilen parametre sayı mı, değil mi onu kontrol eder.

Javascript’te Fonksiyon Oluşturma

Javascript, diğer programlama dilleri gibi kendi fonksiyonlarımızı oluşturmamıza izin verir. Şimdi kendi fonksiyonumuzu oluşturma kısmını daha iyi anlamak için, matematikte sürekli çarpma işlemini tekrar eden faktöriyel işleminin fonksiyonunu yazalım.

Yukarıdaki fonksiyonu inceleyelim; hazır olmayan, parametresi olan ve geri dönüş değeri olan bir fonksiyondur. Geri değeri dönüş değeri olduğu için fonksiyon çalıştırıldığında bize değer verecektir. Bu değeri değişkende de tutabiliriz ya da başka bir fonksiyona parametre olarak da verebiliriz. Yukarıda fonksiyon çalıştığında 120 değerini elde etti. Sonra bu değeri hazır fonksiyon olan alert, parametre olarak alarak ekrana bastı.

 

 

Son olarak Math fonksiyonu ile 0-1 arasında beş tane rastgele sayı üretip ekrana alert fonksiyonu ile basalım.

Sonuç :

 

Javascript fonksiyonlarına genel olarak değinerek yazının sonuna gelmiş bulunmaktayız arkadaşlar. Eğer Html, Css bilginiz yok ise Javascript öğrenebilmek  için en azından temel düzeyde Html ve Css öğrenmenizi tavsiye ederim. Son olarak ise Javascript kodlarınızı yazmak için Notepad++ editörünün yanında alternatif olarak Visual Studio Code ‘u da öneri olarak sunabilirim.

Bunun yanında Javascript hakkında genel bir fikre sahip olmak isterseniz de buradan ilk yazıma erişebilirsiniz.

 

Bu örnekler için kullanılan kodlar aşağıdadır.

<!DOCTYPE html>
<html>
<head>
<meta charset=”Utf-8>”
<title>Javascript Fonksiyonlar</title>
</head>
<body>
<h1>Javascript Fonksiyonlar</h1>
</body>

function sayHello()
{
alert(“Hello World”);
}
sayHello();

var sayi = 5;
function factAl(sayi)
{
var carpim = 1;
for ( var i=1 ; i
</html>

Javascript Fonksiyonlar

Giriş Yap

Hoşgeldin
Don't have an account?
Kayıt Ol

Şifreni Yenile

Back to
Giriş Yap

Kayıt Ol

Ekimize Katılmaya Hazırmısın

Back to
Giriş Yap
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals