TypeScript'te Fonksiyonların Kullanımı Başlangıç ​​Kılavuzu

Fonksiyonlar, JavaScript'te olduğu gibi TypeScript'te de temel bir yapı taşıdır. TypeScript, kod netliğini artıran ve hataları önleyen tür açıklamaları gibi ek özelliklerle JavaScript fonksiyonlarını genişletir. Bu başlangıç ​​kılavuzu, TypeScript'te fonksiyonların nasıl kullanılacağı konusunda size yol gösterecektir.

Fonksiyonları Tanımlama

TypeScript'te, tıpkı JavaScript'teki gibi fonksiyonları tanımlayabilirsiniz ancak parametre ve dönüş değerlerinin tiplerini belirtmek için isteğe bağlı tip açıklamaları kullanabilirsiniz.

Temel Fonksiyon Tanımı

TypeScript'te basit bir fonksiyonu şu şekilde tanımlarsınız:

function greet(name: string): string {
  return "Hello, " + name;
}

Bu örnekte, name, string türünde bir parametredir ve fonksiyon, string türünde bir değer döndürür.

Fonksiyon Parametreleri ve Dönüş Türleri

TypeScript, fonksiyon parametreleri ve dönüş değerleri için türleri belirtmenize olanak tanır ve böylece fonksiyonun doğru şekilde kullanılmasını sağlamaya yardımcı olur.

Parametreli Fonksiyon

İşte iki parametre alıp bunların toplamını döndüren bir fonksiyon:

function add(x: number, y: number): number {
  return x + y;
}

Bu fonksiyonda, hem x hem de y, sayı türündedir ve fonksiyon bir sayı döndürür.

Geri Dönüş Değeri Olmayan Fonksiyonlar

Tüm fonksiyonların bir değer döndürmesi gerekmez. Dönüş değeri olmayan fonksiyonlar void dönüş türüyle bildirilir. Bu fonksiyonlar eylemler gerçekleştirir ancak bir sonuç üretmez.

Geri Dönüş Değeri Yok Örneği

function logMessage(message: string): void {
  console.log(message);
}

Bu örnekte, logMessage komutu konsola message iletisini yazdırır ancak herhangi bir değer döndürmez.

İsteğe bağlı ve varsayılan parametreler

TypeScript isteğe bağlı ve varsayılan parametreleri destekleyerek daha esnek fonksiyonlar oluşturmanıza olanak tanır.

İsteğe bağlı parametreler

İsteğe bağlı parametreler, parametre adından sonra ? eklenerek belirtilir:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

Bu örnekte, greeting fonksiyonu çağırırken atlanabilen isteğe bağlı bir parametredir.

Varsayılan Parametreler

Hiçbir değer sağlanmazsa varsayılan parametreler varsayılan bir değere sahiptir:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

selamlama belirtilmezse varsayılan olarak "Hello" kullanılır.

Fonksiyon Aşırı Yüklemesi

TypeScript, aynı fonksiyon adı için birden fazla fonksiyon imzası tanımlamanıza olanak tanıyan fonksiyon aşırı yüklemesini destekler:

function greet(name: string): string;
function greet(name: string, age: number): string;
function greet(name: string, age?: number): string {
  if (age !== undefined) {
    return `Hello, ${name}. You are ${age} years old.`;
  }
  return `Hello, ${name}.`;
}

Bu örnekte, greet bir veya iki parametre ile çağrılabilir.

Ok Fonksiyonları

Ok fonksiyonları fonksiyon yazmak için daha kısa bir sözdizimi sağlar ve kendi this bağlamlarına sahip değildir:

const add = (x: number, y: number): number => x + y;

Bu örnek, iki sayıyı toplayan bir ok fonksiyonunun nasıl tanımlanacağını göstermektedir.

Çözüm

TypeScript'teki işlevler, kodu kapsüllemek ve yeniden kullanmak için güçlü bir yoldur. Tür açıklamaları, isteğe bağlı ve varsayılan parametreler, işlev aşırı yüklemesi ve ok işlevleri kullanarak daha sağlam ve sürdürülebilir kod yazabilirsiniz. Bu temelleri anlamak, projelerinizde TypeScript'in yeteneklerinden tam olarak yararlanmanıza yardımcı olacaktır.