Fonksiyon İfadesi
Coddy'nin JavaScript Journey'sinin Temeller bölümünün bir parçası — ders 49 / 77.
JavaScript'te, bir fonksiyon ifadesi (function expression), bir fonksiyonu bir ifadenin parçası olarak tanımlamanın bir yoludur. Fonksiyon bildirimlerinin (function declarations) aksine, fonksiyon ifadeleri yukarı taşınmaz (hoisted); bu da kodda tanımlanmadan önce çağrılamayacakları anlamına gelir.
Bir fonksiyon ifadesinin temel sözdizimi şöyledir:
let functionName = function(parameters) {
// Çalıştırılacak kod
// ...
return value; // İsteğe bağlı return ifadesi
};function anahtar kelimesini, fonksiyon için isteğe bağlı bir isim takip eder. Eğer bir isim sağlanırsa, bu isimlendirilmiş bir fonksiyon ifadesi olur; aksi takdirde, anonim bir fonksiyon ifadesidir. Parametreler parantez içinde belirtilir ve fonksiyon gövdesi süslü parantezler içine alınır.
İşte isimlendirilmiş bir fonksiyon ifadesi örneği:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Çıktı: 8Bu örnekte, add fonksiyonu tutan değişkendir ve sum fonksiyonun isteğe bağlı adıdır. Fonksiyonun bir adı olsa bile, sum'ı doğrudan çağıramazsınız; add değişkenini kullanmalısınız.
İşte anonim bir fonksiyon ifadesi örneği:
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Çıktı: 8Bu durumda, fonksiyonun bir adı yoktur ve doğrudan multiply değişkenine atanır.
Fonksiyon ifadeleri, bir fonksiyonu başka bir fonksiyona argüman olarak geçirmek istediğinizde veya anında bir fonksiyon oluşturmak istediğinizde genellikle kullanılır.
Görev
KolaycalculateArea adında, width ve height olmak üzere iki argüman alan ve bir dikdörtgenin alanını döndüren bir fonksiyon ifadesi oluşturun. Fonksiyon, calculateArea adında bir değişkene atanmalıdır.
Örneğin:
console.log(calculateArea(5, 10)); // Çıktı: 50
console.log(calculateArea(3, 7)); // Çıktı: 21Kopya kağıdı
Fonksiyon ifadeleri (function expressions), fonksiyonları bir ifadenin parçası olarak tanımlar ve "hoisted" edilmezler (tanımlanmadan önce çağrılamazlar).
Temel sözdizimi:
let functionName = function(parameters) {
// Çalıştırılacak kod
return value; // İsteğe bağlı
};İsimlendirilmiş fonksiyon ifadesi:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Çıktı: 8Anonim fonksiyon ifadesi:
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Çıktı: 8Fonksiyon ifadeleri, fonksiyonları argüman olarak geçirmek veya dinamik olarak fonksiyonlar oluşturmak için kullanışlıdır.
Kendin dene
// Kodunuzu aşağıya yazın
// Aşağıdaki satırları değiştirmeyin
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Temeller bölümündeki tüm dersler
4Operatörler Bölüm 2
Mantıksal Operatörler Bölüm 1Mantıksal Operatörler Bölüm 2Özet - Basit MantıkMantıksal Operatörler Bölüm 3Tür Zorlama7Hesap Paylaştırma Hesaplayıcısı
Hoş Geldiniz MesajıBahşiş ve Toplamı Hesaplama2Değişkenler
SayılarStringBooleanİsimlendirme KurallarıBoş DeğişkenlerÖzet - Değişkenleri BaşlatmaSabitler3Operatörler Bölüm 1
Aritmetik OperatörlerModül OperatörüAritmetik KısayollarKarşılaştırma OperatörleriSıkı ve Gevşek EşitlikÖzet - Basit Matematik6Temel Giriş-Çıkış
ÇıktıDeğişkenlerle ÇıktıTür Dönüşümü - Bölüm 1Tür Dönüşümü - Bölüm 2Özet - 120'ye KadarÖzet - Doğru veya Yanlış