Menu
Coddy logo textTech

Arrow Functions

Coddy'nin JavaScript Journey'sinin Temeller bölümünün bir parçası — ders 51 / 77.

Ok fonksiyonları (Arrow functions), JavaScript'te fonksiyon yazmak için daha kısa bir yol sağlar. Özellikle kısa ve basit fonksiyonlar için oldukça kullanışlıdırlar.

Bir ok fonksiyonu ifadesi, fonksiyon ifadelerine kıyasla daha kısa bir sözdizimine sahiptir ve this, arguments, super veya new.target anahtar kelimelerine kendi bağlamlarına sahip değildir. Ok fonksiyonları her zaman anonimdir.

İşte bir ok fonksiyonunun (arrow function) temel sözdizimi:

(param1, param2) => {
	// Fonksiyon gövdesi
	// ...
	return value; // İsteğe bağlı return ifadesi
}

Eğer fonksiyonun yalnızca bir parametresi varsa, parametre listesinin etrafındaki parantezleri atlayabilirsiniz. Eğer fonksiyon gövdesi yalnızca bir ifadeye sahipse, süslü parantezleri ve return anahtar kelimesini atlayabilirsiniz. İfadenin sonucu örtük olarak döndürülecektir.

İşte geleneksel bir fonksiyon ifadesi örneği:

let add = function(a, b) {
	return a + b;
};

İşte aynı fonksiyonun ok fonksiyonu (arrow function) olarak yazılmış hali:

let add = (a, b) => a + b;

Bu örnekte, iki parametre olduğu için parametrelerin etrafındaki parantezler korunur. Fonksiyon gövdesi yalnızca bir ifadeye sahip olduğu için süslü parantezler ve return anahtar kelimesi atlanır.

İşte parametre içermeyen başka bir örnek:

let greet = () => console.log("Hello!");
greet(); // Çıktı: Hello!

Bu durumda, fonksiyonun hiçbir parametresi olmadığını belirtmek için boş bir parantez çifti kullanılır.

Ok fonksiyonları, genellikle kısa bir fonksiyonu başka bir fonksiyona argüman olarak geçirmeniz gerektiğinde kullanılır.

challenge icon

Görev

Kolay

weight (kilogram cinsinden) ve height (metre cinsinden) olmak üzere iki parametre alan ve Vücut Kitle İndeksini (BMI) döndüren calculateBMI adında bir ok fonksiyonu (arrow function) oluşturun. BMI formülü şudur: weight / (height * height).

Örneğin:

console.log(calculateBMI(70, 1.75)); // Çıktı: 22.857142857142858
console.log(calculateBMI(80, 1.8));  // Çıktı: 24.691358024691358

Kopya kağıdı

Arrow fonksiyonları, JavaScript'te fonksiyon yazmak için daha kısa bir sözdizimi sağlar. Her zaman anonimdirler ve kendi this bağlamlarına sahip değildirler.

Temel sözdizimi:

(param1, param2) => {
	// Fonksiyon gövdesi
	return value;
}

Tek ifadeler için süslü parantezleri ve return ifadesini atlayabilirsiniz:

let add = (a, b) => a + b;

Tek parametreler için parantezler isteğe bağlıdır:

let square = x => x * x;

Parametre olmadığında boş parantez kullanın:

let greet = () => console.log("Hello!");

Kendin dene

// Kodunuzu aşağıya yazın


// Aşağıdaki satırları değiştirmeyin
console.log(calculateBMI(70, 1.75));
console.log(calculateBMI(80, 1.8));
quiz iconKendini test et

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