Typescript Dersleri: Fonksiyonlar (Functions)

Merhaba Siberdefter okurları bugün sizlerle Typescript Dersleri’mizin ilk bölümü ile karşınızdayız. Siberdefter Akademi programımız sayesinde sizlere bir çok programlama dilini öğretmek için elimizden geleni yapacağız bugün ise Typescript dilinde function dediğim fonksiyon tanımlamaya geçiyoruz.

[Okumadıysanız Hatırlatalım] TYPESCRİPT DERSLERİ: DEĞİŞKEN TANIMLAMA

Typescript Nedir? Typescript ile Javascript arasında ne tür farklılıklar vardır gibi sorular varsa aklınızda, daha önce hazırlamış olduğunuz makaleye göz atabilirsiniz.

Giriş

Fonksiyonlar, JavaScript‘teki herhangi bir uygulamanın temel yapı taşıdır. Bunlar, soyutlama katmanları, sınıfları taklit etme, bilgi gizleme ve modüller oluşturma şeklidir.

Typescript Functions (Fonksiyon) Tanımlama

Başlamak için, tıpkı JavaScript’te olduğu gibi, TypeScript işlevleri hem adlandırılmış işlev hem de anonim işlev olarak oluşturulabilir. Bu, bir API’da bir işlev listesi veya başka bir işleve dağıtmak için bir defalık işlev oluşturuyor olun, uygulamanız için en uygun yaklaşımı seçmenize olanak tanır.

Bu iki yaklaşımın JavaScript’te nasıl göründüğünü hızlı bir şekilde özetlemek için:

// İsimlendirilmiş Fonksiyon
function add(x, y) {
    return x + y;
}

// Tanımsız, İsimsiz, Belirsiz Fonksiyon
let myAdd = function(x, y) { return x + y; };

Aşağıdaki kod bloğunda sizler için örnek bir fonksiyon oluşturdum kendisinin amacı Siberdefter ismini siteAd() fonksiyonun çağırıldığı yerlerde göstermek.

function siteAd() {
    const siteAdi: string;
    siteAdi = "Siberdefter";
    return siteAdi;
}

Yukarıda siteAd isminde bir fonksiyon oluşturdum ve içerisinde siteAdi isminde içerisinde sadece bir yazı veya metin yada harf barındırabilecek değişken oluşturup içerisine “Siberdefter” kelimesini atadım, return komutu ile de siteAdi değişkenimi geriye döndürdüm.

‘return’ nedir?

return

Return genellikle fonksiyonlarda, if-else bloklarında, döngülerde sıkça kullandığımız bir komuttur kendisinin görevi bir değeri kullanıcıya göndermektir. İlerleyen zamanlarda return komutunu daha detaylı işleyeceğiz.

Detaylı Fonksiyonlar

Diyelim ki iki sayıyı toplayan ve sonucunu kullanıcıya geri döndüren bir fonksiyon yazacağız normalde yazılması gereken kodlardan biri şudur:

function topla(birincisayi, ikincisayi) {
    return birincisayi + ikincisayi;
}

Burada fonksiyona iki tane parametre atadım: birincisayi, ikincisayi. Bunlar iki farklı değişken, ardından fonksiyonumun içerisinde ikisini toplayıp return komutu ile geriye döndürdüm. Bunu geliştirmek istersek;

function topla(birincisayi, ikincisayi) {
    let sonuc;
    sonuc = birincisayi + ikincisayi;
    return sonuc;
}

“sonuc” isminde değişken oluşturup içerisine toplama işlemini atadım ve return’de sonuc değişkenini döndürdüm.

Farkındaysanız değişkenlerimin hiçbirine tip atamadım yani bu değişkenler true, false değerleri alabilir, metin alabilir ama benim fonksiyonumun amacı sayı toplamak o yüzden şöyle bir yazım yapmam gerekiyor:

function topla(birincisayi:number, ikincisayi:number){
    let sonuc: number;
    sonuc = birincisayi + ikincisayi;
    return sonuc;
}

Artık fonksiyonum daha da işlevsel oldu, eğer topla(2,”cenk”); yazımı yaparsam fonksiyonum hata verecektir çünkü parametrelerde gelen değerlerin mutlaka sayı olması gerektiğini belirttim.

function topla(birincisayi:number, ikincisayi:number): number {
    let sonuc: number;
    sonuc = birincisayi + ikincisayi;
    return sonuc;
}

Bu sefer ise fonksiyonun tipini de belirledim ve number olması gerekiyor dedim. Yani return yaptığım veya console.log() ile yazdırdığım bir değer sadece ve sadece sayı olmalı. Şu tip kullanım geçersiz olacak ve hata verecektir.

function topla(birincisayi:number, ikincisayi:number): number {
    let sonuc: number;
    sonuc = birincisayi + ikincisayi;
    return "Sonuç:" + sonuc;
}