Frontend Academy · Ders

İşlevler: Bildirimler, İfadeler ve Ok İşlevleri

İşlevleri üç farklı şekilde tanımlayın, kaldırmayı öğrenin, parametreleri ve dönüş değerlerini kullanın ve kısa ok işlevleri yazın.

İşlevler: Bildirimler, İfadeler ve Ok İşlevleri, CoddyKit'te ücretsiz bir Frontend Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Frontend Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Frontend Academy kursu toplamda 4 dersten oluşur.

İşlevler Nedir?

İşlevler, yeniden kullanılabilir kod bloklarıdır. Girdiler (parametreler) alır, mantığı yürütür ve isteğe bağlı olarak bir çıktı döndürür. İşlevler JavaScript'te birinci sınıf değerlerdir; değişkenlere atanabilir, bağımsız değişken olarak aktarılabilir ve başka işlevlerden döndürülebilir.

İşlev Tanımlamaları

İşlev tanımlaması, function anahtar sözcüğünü kullanarak adlandırılmış bir işlev oluşturur. Tanımlamalar yukarı taşınır; bu nedenle kodda görünmelerinden önce çağrılabilirler.

function greet(name) {
  return `Hello, ${name}!`;
}

// Can call before declaration due to hoisting:
console.log(greet('Alice')); // 'Hello, Alice!'

İşlev İfadeleri

İşlev ifadesi, bir işlevi bir değişkene atar. Yukarı taşınmaz (değişken undefined olarak yukarı taşınır). İşlev ifadeleri adsız veya adlandırılmış olabilir.

const multiply = function(a, b) {
  return a * b;
};

console.log(multiply(3, 4)); // 12

// Named function expression (name useful in stack traces):
const factorial = function fact(n) {
  return n <= 1 ? 1 : n * fact(n - 1);
};

Ok İşlevleri

Ok işlevleri, ES6 ile kullanıma sunulan kısa bir söz dizimidir. Kendilerine ait bir this değerleri yoktur; this değerini çevreleyen kapsamdan alırlar. Geri çağrılar ve kısa işlevler için idealdir.

// Standard arrow:
const add = (a, b) => a + b;

// Single parameter (no parens needed):
const double = n => n * 2;

// No parameters:
const greet = () => 'Hello!';

// Multi-line body needs {} and return:
const process = (x) => {
  const result = x * 2;
  return result + 1;
};

Parametreler ve Bağımsız Değişkenler

Parametreler, işlev tanımında listelenen adlardır. Bağımsız değişkenler, işlev çağrılırken aktarılan değerlerdir. Fazladan bağımsız değişkenler yok sayılır; eksik bağımsız değişkenler undefined olur.

function info(name, age) {
  console.log(`${name} is ${age}`);
}
info('Alice', 30); // 'Alice is 30'
info('Bob');       // 'Bob is undefined'

Varsayılan Parametreler

ES6, parametreler için varsayılan değerler ayarlamanızı sağlar. Bağımsız değişken undefined olduğunda (hiç aktarılmadığında da) varsayılan değer kullanılır.

function greet(name = 'World') {
  return `Hello, ${name}!`;
}
console.log(greet());        // 'Hello, World!'
console.log(greet('Alice')); // 'Hello, Alice!'

return Bildirimi

İşlevler varsayılan olarak undefined döndürür. Bir değer döndürmek için return kullanınız. Bir işlev, karşılaştığı ilk return noktasında sona erer; sonraki kod yürütülmez.

function divide(a, b) {
  if (b === 0) return null; // early return
  return a / b;
}
console.log(divide(10, 2)); // 5
console.log(divide(10, 0)); // null

Artan Parametreler

Rest parametresi ...args, kalan tüm bağımsız değişkenleri bir dizi içinde toplar. Son parametre olmalıdır. Modern kodda eski arguments nesnesinin yerini alır.

function sum(...numbers) {
  return numbers.reduce((total, n) => total + n, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

Değer Olarak İşlevler (Birinci Sınıf)

İşlevler değişkenlerde saklanabilir, bağımsız değişken olarak başka işlevlere aktarılabilir (geri çağrılar) ve işlevlerden döndürülebilir. Bu özellik, dizi yöntemleri ve olay dinleyicileri gibi güçlü kalıpları mümkün kılar.

const numbers = [3, 1, 4, 1, 5];
const sorted = numbers.sort((a, b) => a - b); // callback
console.log(sorted); // [1, 1, 3, 4, 5]

Saf İşlevler

Saf işlev, aynı girdiler için aynı çıktıyı döndürür ve yan etkiye sahip değildir (DOM değişikliği, ağ çağrısı veya genel durum değişikliği yapmaz). Saf işlevleri sınamak, hata ayıklamak ve anlamak kolaydır.

// Pure:
const add = (a, b) => a + b;

// Impure (side effect: mutates external state):
let total = 0;
function addToTotal(n) { total += n; }

Anında Çağrılan İşlev İfadeleri (IIFE)

IIFE, tanımlandığı anda çalışır. Geçmişte özel bir kapsam oluşturmak için kullanılırdı. Günümüzde modüller ve blok kapsamı sayesinde daha az gereklidir; ancak eski kod tabanlarında hâlâ görülür.

(function () {
  const secret = 'hidden';
  console.log('IIFE ran');
})();
// secret is not accessible here

Kısa Kontrol

Ok işlevleri hakkında aşağıdakilerden hangisi doğrudur?

Özet: JavaScript İşlevleri

İşlev tanımlamaları yukarı taşınır. İşlev ifadeleri ve ok işlevleri yukarı taşınmaz. Ok işlevleri kısadır ve kendilerine ait bir this değerleri yoktur. Eksik bağımsız değişkenleri ele almak için varsayılan parametreler kullanınız. İşlevler birinci sınıf değerlerdir; onları serbestçe aktarabilirsiniz.

Sıkça Sorulan Sorular

“İşlevler: Bildirimler, İfadeler ve Ok İşlevleri” dersi ücretsiz mi?

Evet — “İşlevler: Bildirimler, İfadeler ve Ok İşlevleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Frontend Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Frontend Academy kursu toplamda 4 dersten oluşur.

“İşlevler: Bildirimler, İfadeler ve Ok İşlevleri” dersinde ne öğreneceğim?

İşlevleri üç farklı şekilde tanımlayın, kaldırmayı öğrenin, parametreleri ve dönüş değerlerini kullanın ve kısa ok işlevleri yazın. Frontend Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Frontend Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Frontend Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“İşlevler: Bildirimler, İfadeler ve Ok İşlevleri” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Frontend Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Frontend Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

Değişkenler: let const var ve Kapsam
Veri Türleri: string number boolean null undefined
İşlevler: Bildirimler, İfadeler ve Ok İşlevleri
Denetim Akışı: if else switch for while

← Frontend Academy Sayfasına Dön