TypeScript

TypeScript, JavaScript'e tür ekleyen bir programlama dilidir. Microsoft tarafından geliştirilmiştir. TypeScript kodu sıradan JavaScript'e çevrilir. Tarayıcı ve Node.js o JavaScript'i çalıştırır. Yani TypeScript, tarayıcının ayrıca anladığı ikinci bir dil değildir.

Asıl fark türlerdir. Bir değerin metin, sayı veya nesne olduğu kodun içinde yazılır. Uymayan bir değer çoğu zaman program çalışmadan görünür.

TypeScript, JavaScript'in üst katmanıdır. Geçerli JavaScript kodu bir TypeScript dosyasında da durabilir. Türler ise ek denetim ve düzenleyici yardımı sağlar.

TypeScript özellikle JavaScript'in kullanıldığı yerlerde kullanılır:

• Büyük web uygulamaları
• React, Angular ve Vue projeleri
• Node.js ile sunucu tarafı ve API
• Başkalarının kullandığı kütüphaneler
• Birden fazla kişinin birlikte yazdığı kod

Küçük bir sayfa için düz JavaScript yeterli olabilir. Proje büyüdükçe tür yazmak uyumsuzluğu daha erken gösterir.

TypeScript ile JavaScript'in kullanıldığı işlerin çoğunu yapmak mümkündür:

• Etkileşimli bir web uygulaması
• Sunucu ve API
• Türü yazılmış bir kütüphane
• Form ve veri kontrolü
• Büyük bir frontend projesi

Basit örnek

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

console.log(greet("Nibras Code"));

Bu fonksiyon yalnızca metin kabul eder ve konsola bir selamlama yazar.

Biraz JavaScript bilen biri için TypeScript'e geçiş daha rahattır. Türler başta fazladan yazı gibi görünebilir. Amaç kodu ağırlaştırmak değil, uymayan değeri erken göstermektir.

Başlangıç için şu sıra faydalıdır:

1. JavaScript'te değişken, fonksiyon ve nesne temelleri
2. string, number ve boolean türleri
3. Fonksiyonun aldığı ve döndürdüğü tür
4. Nesne ve interface
5. Birden fazla türden birini söyleyen union
6. Basit dizi türü
7. TypeScript'i JavaScript'e çeviren derleme adımı

Önce küçük dosyalara tür eklemek, dilin tamamını bir anda ezberlemekten daha faydalıdır.

Avantajları

• Birçok hata program çalışmadan görünür
• Düzenleyici ad, alan ve fonksiyonu daha doğru önerir
• Büyük projede kodu izlemek kolaylaşır
• Var olan JavaScript koduyla birlikte kullanılabilir
• Açık kaynaklıdır ve dilin kendisi için ayrı bir ücret yoktur

Dezavantajları

• Kod tarayıcıda doğrudan değil, önce JavaScript'e çevrilerek çalışır
• Çok küçük bir betik için tür yazmak fazla gelebilir
• Tür her mantık hatasını yakalamaz
• Bazı tür tanımları yeni başlayan için zor okunur

TypeScript sözdizimi JavaScript'e benzer. Fark, türün değişkenin veya fonksiyonun yanında yazılmasıdır.

Türlü değişken

let name: string = "Ali";
let age: number = 20;

Fonksiyon

function add(a: number, b: number): number {
    return a + b;
}

Nesnenin biçimi

type User = {
    name: string;
    age: number;
};

const user: User = { name: "Ali", age: 20 };

Selamlama

const name: string = "Nibras Code";
console.log("Merhaba, " + name);

İki sayının toplamı

function add(a: number, b: number): number {
    return a + b;
}

console.log(add(10, 20));

Koşul

const age: number = 20;

if (age >= 18) {
    console.log("Yetişkin");
}

TypeScript nedir?

TypeScript, JavaScript'e tür ekleyen ve sonunda JavaScript'e çevrilen bir dildir.

TypeScript ile JavaScript aynı mıdır?

Hayır. TypeScript, JavaScript'in üzerine bir tür katmanı ekler. Tarayıcı ise üretilen JavaScript'i çalıştırır.

TypeScript ücretsiz mi?

Evet. TypeScript açık kaynaklıdır ve dilin kendisi için ayrı bir ücret yoktur.

Önce JavaScript öğrenmek gerekir mi?

Şart değildir, ama yardımcı olur. TypeScript, JavaScript'in yerine geçmez; onun üstüne kurulur.

TypeScript tarayıcıda doğrudan çalışır mı?

Genellikle hayır. Önce JavaScript'e çevrilir. O dosya sonra tarayıcıda veya Node.js'te çalışır.

TypeScript her hatayı yakalar mı?

Hayır. Tür uyumsuzluğunu iyi gösterir. Yanlış bir koşul yine programda kalabilir.

React ile TypeScript kullanılabilir mi?

Evet. React projelerinde TypeScript yaygın olarak kullanılır.