JavaScript İşlevleri
JavaScript işlevi, belirli bir görevi gerçekleştirmek için tasarlanmış bir kod bloğudur.
Bir JavaScript işlevi, "bir şey" onu çağırdığında (onu çağırdığında) yürütülür.
Örnek
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScript İşlev Sözdizimi
Bir JavaScript işlevi, function
anahtar sözcüğün ardından bir ad ve ardından parantezler () ile tanımlanır .
İşlev adları harfler, rakamlar, alt çizgiler ve dolar işaretleri içerebilir (değişkenlerle aynı kurallar).
Parantezler virgülle ayrılmış parametre adlarını içerebilir:
( parametre1, parametre2, ... )
İşlev tarafından yürütülecek kod, küme parantezleri içine yerleştirilir: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
İşlev parametreleri , işlev tanımında parantez () içinde listelenir.
İşlev bağımsız değişkenleri , çağrıldığında işlev tarafından alınan değerlerdir .
Fonksiyonun içinde, argümanlar (parametreler) yerel değişkenler gibi davranır.
İşlev, diğer programlama dillerinde bir Prosedür veya Alt Program ile hemen hemen aynıdır.
Fonksiyon Çağırma
İşlevin içindeki kod, "bir şey" işlevi çağırdığında (çağırdığında) yürütülür:
- Bir olay meydana geldiğinde (bir kullanıcı bir düğmeyi tıkladığında)
- JavaScript kodundan çağrıldığında (çağrıldığında)
- Otomatik olarak (kendi kendine çağrılır)
Bu öğreticide daha sonra işlev çağırma hakkında çok daha fazlasını öğreneceksiniz.
İşlev Dönüşü
JavaScript bir ifadeye ulaştığında return
, işlev çalışmayı durduracaktır.
İşlev bir ifadeden çağrıldıysa, JavaScript, çağrılan ifadeden sonra kodu yürütmek için "döner".
İşlevler genellikle bir dönüş değeri hesaplar . Dönüş değeri "arayana" geri "döndürülür":
Örnek
İki sayının çarpımını hesaplayın ve sonucu döndürün:
let 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 cinsinden sonuç şöyle olacaktır:
12
Neden Fonksiyonlar?
Kodu yeniden kullanabilirsiniz: Kodu bir kez tanımlayın ve birçok kez kullanın.
Farklı sonuçlar elde etmek için aynı kodu farklı argümanlarla birçok kez kullanabilirsiniz.
Örnek
Fahrenheit'i Santigrat'a çevir:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
() Operatörü İşlevi Çağırır
Yukarıdaki örneği kullanarak, toCelsius
işlev nesnesine
toCelsius()
başvurur ve işlev sonucuna başvurur.
() olmadan bir işleve erişmek, işlev sonucu yerine işlev nesnesini döndürür.
Örnek
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Değişken Değerler Olarak Kullanılan Fonksiyonlar
İşlevler, her tür formülde, atamada ve hesaplamada değişkenleri kullandığınız şekilde kullanılabilir.
Örnek
Bir fonksiyonun dönüş değerini saklamak için bir değişken kullanmak yerine:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
İşlevi doğrudan değişken bir değer olarak kullanabilirsiniz:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Bu öğreticide daha sonra işlevler hakkında çok daha fazla şey öğreneceksiniz.
Yerel Değişkenler
Bir JavaScript işlevi içinde bildirilen değişkenler, işlev için YEREL olur.
Yerel değişkenlere yalnızca fonksiyon içinden erişilebilir.
Örnek
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Yerel değişkenler sadece kendi fonksiyonları içinde tanındıkları için aynı isimli değişkenler farklı fonksiyonlarda kullanılabilir.
Yerel değişkenler, bir işlev başladığında oluşturulur ve işlev tamamlandığında silinir.