En son web geliştirme öğreticiler
 

JavaScript Fonksiyonlar

❮ Önceki Sonraki Bölüm ❯

Bir JavaScript işlevi belirli bir görevi gerçekleştirmek üzere tasarlanmış bir kod bloğudur.

Ne zaman bir JavaScript işlevi yürütüldüğünde "something" onu çağırır (calls it) .

Örnek

function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}
Kendin dene "

JavaScript işlev sözdizimi

Bir JavaScript işlevi ile tanımlanır function parantez ardından bir isimle, anahtar kelime izledi () .

Fonksiyon adları harfleri, rakamları, alt çizgi ve dolar işareti içerebilir (same rules as variables) .

parantez virgülle ayrılmış parametre adları içerebilir:
(Parametre1, parametre2, ...)

Kod fonksiyonu ile yürütülecek, kıvırcık parantez içine yerleştirilir: {}

function name ( parameter1, parameter2, parameter3 ) {
    code to be executed
}

Fonksiyon parametreleri işlev tanımında belirtilen isimlerdir.

Fonksiyon argümanları zaman işlevi tarafından alınan gerçek değerlerdir.

Fonksiyonun içerisinde argümanlar olarak yerel değişkenler davranırlar.

Bir İşlev çok diğer programlama dillerinde bir Prosedür veya Subroutine, aynıdır.

Fonksiyon çağırma

Işlevi içinde kod yürütmesine ne zaman "something" çağırır (calls) fonksiyonu:

  • Bir olay meydana geldiğinde (when a user clicks a button)
  • O çağrıldığında (called) JavaScript kodundan
  • Otomatik olarak (self invoked)

Daha sonra bu eğitimde işlev çağırma hakkında çok daha fazla öğreneceksiniz.

Fonksiyon Dönüş

JavaScript return ifadesi ulaştığında, işlev yürütme durdurulur.

Işlevi, bir ifadeden çağrılan ise, JavaScript olacak "return" çağıran deyimi sonra kod çalıştırmak için.

Fonksiyonlar genellikle bir dönüş değeri hesaplamak. Dönüş değeri olan "returned" geri "caller" :

Örnek

İki sayının ürünü hesaplayın ve sonucu döndürür:

var x = myFunction(4, 3);        // Function is called, return value will end up in x

function myFunction(a, b) {
    return a * b;                // Function returns the product of a and b
}

x sonucu olacaktır:

12
Kendin dene "

Neden Fonksiyonlar?

Sen kodunu yeniden kullanabilirsiniz: Bir kez kodu tanımlayın ve bunu birçok kez kullanın.

Farklı sonuçlar üretmek için, farklı argümanlarla aynı kod defalarca kullanabilirsiniz.

Örnek

Celsius Fahrenheit dönüştürmek:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Kendin dene "

() Operatör İşlevini çağırır

Yukarıdaki örnekte, toCelsius işlev nesnesinin belirtir ve toCelsius() işlev sonucu belirtir.

Örnek

Olmadan Bir işlevi () fonksiyonu tanım döndürür:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Kendin dene "

Değişkenler olarak kullanılır Fonksiyonlar

Eğer değişkenler kullandıkça JavaScript olarak, aynı şekilde fonksiyonlarını kullanabilirsiniz.

Örnek

Kullanabilirsiniz:

var text = "The temperature is " + toCelsius(77) + " Celsius";

Yerine:

var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Kendin dene "

Daha sonra bu eğitimde işlevleri hakkında çok daha fazla öğreneceksiniz.

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »


❮ Önceki Sonraki Bölüm ❯