JavaScript Fonksiyonları

JavaScript fonksiyonları, belirli görevleri gerçekleştirmek için tasarlanmış kod bloklarıdır.

JavaScript fonksiyonları, bir kod onları çağırdığında çalışır.

örnek

function myFunction(p1, p2) {
    return p1 * p2;              // Bu fonksiyon p1 ve p2'nin çarpımını döndürür
}

Kendi kendine deneyin

JavaScript fonksiyonları syntaxi

JavaScript fonksiyonları, function Anahtar kelime ile tanımlanır, ardındanFonksiyon adıve parantezler () ile tanımlanır.

Fonksiyon adı, harf, rakam, alt çizgi ve dolar işareti içerebilir (değişken adı kuralları ile aynıdır).

Daireli parantezler, virgülle ayrılmış parametreleri içerebilir:

(Parametre 1, Parametre 2, ...)

Fonksiyon tarafından yürütülen kod, parantez içinde yer alır:{}

function name(Parametre 1, Parametre 2, Parametre 3) {
    Yürütülecek kod
}

Fonksiyon parametreleri (Function parameters)Fonksiyon tanımlamasında listelenen adlardır.

Fonksiyon parametreleri (Function arguments)Fonksiyon çağrıldığında fonksiyon tarafından alınan gerçekDeğer。

Fonksiyonda, parametreler yerel değişkenlerdir.

Diğer programlama dillerinde, fonksiyon benzeri program (Procedure) veya alt program (Subroutine) vardır.

Fonksiyon çağrısı

Fonksiyon içindeki kod, fonksiyonun diğer kod tarafından çağrıldığında çalışacaktır:

  • Olay meydana geldiğinde (kullanıcı düğmeye tıkladığında)
  • JavaScript kodu çağrıldığında
  • otomatik (kendiliğinden çağrılan)

Bu eğitim sırasında fonksiyon çağrıları hakkında daha fazla bilgi öğreneceksiniz.

fonksiyon döndürür

JavaScript return ifadesine ulaşınca, fonksiyon durur.

Bir fonksiyon bir ifade çağrıldığında, JavaScript, çağrı ifadesi sonrasında çalışma kodunu "döndürür".

Fonksiyon genellikleDönen değerBu dönen değer, çağrana döndürülür:

örnek

İki sayının çarpımını hesaplayın ve sonuç döndürün:

var x = myFunction(7, 8);        // Fonksiyon çağrılır, dönen değer x'ye atanır
function myFunction(a, b) {
    return a * b;                // Fonksiyon, a ve b'nin çarpımını döndürür
}

x'nin sonucu şöyledir:

56

Kendi kendine deneyin

Fonksiyonları neden kullanırız?

Kodunuzu yeniden kullanabilirsiniz: Kodu bir kez tanımlarsanız, birden fazla kez kullanabilirsiniz.

Aynı fonksiyona farklı parametreler ile birden fazla kez parametre gönderebilirsiniz, farklı sonuçlar elde edebilirsiniz.

örnek

Fahrenheit'i Santigrad'a dönüştürün:

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

Kendi kendine deneyin

() işlevsellik simgesi fonksiyonu çağırır

yukarıdaki örneği kullanarak,toCelsius referans edilen, fonksiyon nesnesidir ve toCelsius() referans edilen, fonksiyon sonucudur.

örnek

() içermeyen bir fonksiyona erişildiğinde, fonksiyon tanımı döndürülür:

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

Kendi kendine deneyin

değişken değer olarak kullanılan fonksiyon

Fonksiyonun kullanımı, tüm türdeki formüller, atamalar ve hesaplamalarda değişkenlerle aynıdır.

örnek

Fonksiyon değerlerini saklamak için değişkenler kullanın:

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

Fonksiyonu doğrudan bir değişken değer olarak kullanabilirsiniz:

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

Kendi kendine deneyin

Bu eğitim sırasında fonksiyonlarla ilgili daha fazla bilgi öğreneceksiniz.

lokel değişken

JavaScript fonksiyonunda tanımlanan değişkenler, fonksiyonunlokel değişken。

lokel değişkenler sadece fonksiyon içinde erişilebilir.

örnek

// Bu kod parçasında carName kullanılamaz
function myFunction() {
    var carName = "Volvo";
    // Bu kod parçasında carName kullanılabilir
}
// Bu kod parçasında carName kullanılamaz

Kendi kendine deneyin

Yerel değişkenler sadece tanımladıkları fonksiyon tarafından tanınabilir, bu yüzden farklı fonksiyonlarda aynı adlı değişkenler kullanılabilir.

Yerel değişkenler fonksiyonun başlangıcında oluşturulur ve fonksiyonun tamamlanmasıyla silinir.

ders kitabı

daha fazla bilgi için JavaScript Fonksiyonlarıbilgisi için, JavaScript İleri Düzey Eğitimi'ndeki ilgili içerikleri okuyun:

ECMAScript Fonksiyon Özeti
Bu bölümde fonksiyon kavramı anlatılmıştır, ECMAScript'in fonksiyonları nasıl tanımlanır ve çağrılır ve fonksiyonların nasıl değer döndüğü anlatılmıştır.
ECMAScript arguments Nesnesi
Bu bölümde bu nesnenin temel kullanımı anlatılmıştır, ardından length özelliği kullanılarak fonksiyonun parametre sayısının nasıl belirleneceği ve fonksiyon yükleme (overloading) nasıl simüle edileceği anlatılmıştır.
ECMAScript Function Nesnesi (Sınıf)
Bu bölümde Function sınıfını kullanarak fonksiyon oluşturma nasıl yapılır anlatılmıştır ve ardından Function nesnesinin özellikleri ve yöntemleri hakkında bilgi verilmiştir.
ECMAScript Kapalı (closure)
Bu bölümde kapalı (closure) kavramı anlatılmıştır ve size basit ve biraz daha karmaşık iki kapalı örneği gösterilmiştir.