CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Özet - Fonksiyonlar

Türlerle bir mağaza hesaplama fonksiyonu yazarsın.

Özet - Fonksiyonlar

Fonksiyonlar, tür belirtimleri, isteğe bağlı ve varsayılan parametreler, rest parametreler ve aşırı yükleme ile güçlü ve esnek tanımlar oluşturur. Doğru özellikleri seçmek, hem tür güvenliğini hem de kullanım kolaylığını artırır.

function hesapla(fiyat: number, oran: number = 10): number {
  return fiyat - (fiyat * oran) / 100;
}

Bu özellikler birlikte, güvenli ve esnek fonksiyonlar yazmayı sağlar.

Uygulama Mağaza hesaplama fonksiyonu

indirimli adında bir fonksiyon tanımla; fiyat: number ve oran: number = 10 parametreleri, dönüş türü number olsun. Fonksiyon fiyat - (fiyat * oran) / 100 değerini döndürsün. indirimli(200) çağrısının sonucunu console.log ile yazdır.

Başlangıç kodu

index.ts
// indirimli adında bir fonksiyon tanımla
// fiyat zorunlu sayı, oran varsayılan 10 ile sayı olsun
// dönüş türü number, fiyat - (fiyat * oran) / 100 döndürsün
// indirimli(200) sonucunu yazdır

Örnek çözüm

index.ts
function indirimli(fiyat: number, oran: number = 10): number {
    return fiyat - (fiyat * oran) / 100;
}
console.log(indirimli(200));

Beklenen çıktı

180

Soru ve cevaplar

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

1 Hangisi bir fonksiyonun istediğin kadar argüman almasını sağlar?

  • Varsayılan parametreler
  • Rest parametreler Doğru cevap
  • Dönüş türü bildirimi
  • İsteğe bağlı parametreler

Açıklama: Rest parametre (<code>...args</code>) değişken sayıda argümanı tek bir diziye toplar; isteğe bağlı ve varsayılan parametreler yalnızca atlanabilir parametre sağlar.

2 Varsayılan parametre değerini ekle

Soru 
function indirim(fiyat: number, oran = ____): number { return fiyat - (fiyat * oran) / 100; }
Cevap 
function indirim(fiyat: number, oran = 10): number { return fiyat - (fiyat * oran) / 100; }

Açıklama: Varsayılan indirim oranı <code>10</code> (sayı) olmalıdır; <code>"10"</code> dize, <code>true</code> boolean, <code>oran</code> ise kendi kendine referans (tanımsız) olur.

3 Fonksiyon kavramları özeti

Kavram Anlamı
function f(a: number): number Tür belirtimli fonksiyon
oran?: number İsteğe bağlı parametre
...sayilar: number[] Rest parametre
oran: number = 10 Varsayılan değerli parametre

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

1 TypeScript nedir? Kurulum

  1. TypeScript nedir?
  2. Neden TypeScript?
  3. tsc derleyicisi
  4. tsconfig temelleri
  5. Özet - TypeScript temelleri

2 Temel türler

  1. string türü
  2. number türü
  3. boolean türü
  4. let ve const
  5. Özet - Temel türler

3 Diziler

  1. Array türü
  2. Array metotları
  3. readonly diziler
  4. Çok boyutlu diziler
  5. Özet - Diziler

4 Tuple

  1. Tuple nedir?
  2. Tuple kullanımı
  3. readonly tuple
  4. Özet - Tuple

5 Enum

  1. Numeric enum
  2. String enum
  3. const enum
  4. Enum üyeleri
  5. Özet - Enum

6 any, unknown, never

  1. any türü
  2. unknown türü
  3. never türü
  4. void türü
  5. Özet - Özel türler

7 Type annotation

  1. Değişken annotation
  2. Parametre annotation
  3. Return type annotation
  4. Özet - Type annotation

8 Type inference

  1. Temel inference
  2. const ile inference
  3. Best common type
  4. Özet - Type inference

9 Objeler

  1. Object türü
  2. Optional properties
  3. Readonly properties
  4. Özet - Objeler

10 Fonksiyonlar

  1. Function declaration
  2. Optional ve default params
  3. Rest params
  4. Function overloads
  5. Özet - Fonksiyonlar

11 Arrow fonksiyonlar

  1. Arrow syntax
  2. Arrow ile this
  3. Arrow type
  4. Özet - Arrow fonksiyonlar

12 Interface'ler

  1. Interface nedir?
  2. Property types
  3. Interface vs type alias
  4. Özet - Interface'ler

13 Type alias

  1. Type alias nedir?
  2. Alias ile composition
  3. Alias vs interface
  4. Özet - Type alias

14 Union ve intersection

  1. Union types
  2. Intersection types
  3. Literal types
  4. Özet - Union & intersection

15 null ve undefined

  1. null ve undefined farkı
  2. Optional chaining
  3. Nullish coalescing
  4. Özet - null & undefined

16 Strict mode

  1. strict: true
  2. strictNullChecks
  3. strictFunctionTypes
  4. Özet - Strict mode

17 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. İndirim uygulama
  5. Birleştirme

18 Proje: Todo CLI

  1. Görev modeli
  2. Ekleme ve listeleme
  3. Tamamlama
  4. Filtreleme
  5. Birleştirme

19 Proje: Kütüphane

  1. Kitap modeli
  2. Ekleme ve arama
  3. Ödünç alma
  4. İade etme
  5. Birleştirme

20 Başlangıç finali

  1. Meydan okuma 1: Türler
  2. Meydan okuma 2: Fonksiyonlar
  3. Meydan okuma 3: Birleşim
  4. Meydan okuma 4: Mini uygulama