CodeBlanks Logo Icon CodeBlanks

Arrow syntax

Ok fonksiyonu yazmayı ve türünü öğrenirsin.

Arrow syntax

Ok fonksiyonları (arrow functions), fonksiyonları daha kısa yazmanın yoludur. Parametrelerden sonra => yazılır ve gövde belirtilir. Tek ifade varsa return örtüktür.

const topla = (a: number, b: number): number => a + b;
console.log(topla(2, 3));  // 5

Ok fonksiyonları, özellikle kısa işlemlerde kodu sadeleştirir.

Blok gövdeli ok fonksiyonu

Gövde birden çok ifade içeriyorsa süslü parantez kullanılır ve açık return yazılır. Süslü parantez yoksa tek ifade otomatik olarak döndürülür.

// Tek ifade - örtük return
const kare = (x: number): number => x * x;
// Blok gövde - açık return
const detay = (x: number): number => {
  let t = x * x;
  return t;
};

İki biçim de geçerlidir; ihtiyaca göre seçilir.

Uygulama Ok fonksiyonu yaz

topla adında bir ok fonksiyonu tanımla; a: number ve b: number parametreleri, dönüş türü number olsun. a + b değerini örtük return ile döndürsün. topla(3, 8) çağrısının sonucunu console.log ile yazdır.

Başlangıç kodu

index.ts
// topla adında bir ok fonksiyonu tanımla
// a ve b parametreleri number, dönüş türü number olsun
// parametrelerin toplamını örtük return ile döndür
// topla(3, 8) sonucunu yazdır

Örnek çözüm

index.ts
const topla = (a: number, b: number): number => a + b;
console.log(topla(3, 8));

Beklenen çıktı

11

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 <code>(a: number, b: number): number =&gt; a + b</code> ne döndürür?

  • a + b değerini Doğru cevap
  • undefined
  • Bir dize
  • Hata verir

Açıklama: Tek ifadeli ok fonksiyonunda ifade otomatik olarak döndürülür; <code>a + b</code> sonucu döner.

2 Ok fonksiyonunu tamamla

Soru
const kare = (x: number): number => x * ____;
Cevap
const kare = (x: number): number => x * x;

Açıklama: Kare fonksiyonu <code>x * x</code> döndürmelidir; <code>x</code> parametresi kendisiyle çarpılır. <code>a</code> ve <code>y</code> tanımsız değişken, <code>2</code> ise <code>x * 2</code> verir.

3 Arrow syntax kavramları

Kavram Anlamı
(a, b) => a + b Tek ifade, örtük return
(a, b) => { return a + b; } Blok gövde, açık return
=> Ok operatörü
Arrow function Kısa fonksiyon söz dizimi

Başlangıç bölümündeki tüm dersler