TypeScript

Buse Yaren Tekin
Kodcular
Published in
2 min readDec 4, 2018

🔗TypeScript, JavaScript’in üst kümesi olarak yazılan kodu JavaScript’e derleyen bir programlama dilidir.

Nedir bu TypeScript?

▫️JavaScript’teki esnek sanki sabit olmayan yapıyı günümüz dillerine uygun şekilde compile etmeyi sağlıyor.Sonuç olarak çok daha temiz olan JavaScript sayfası uyarlamasıdır. Node, React, Vue gibi dillerin TypeScript ile yazılması sağlanır.

Kurulumu

Gerekli framework: VS Code 📲

▫️Dilerseniz ilgili npm paketlerini Dos ekranından(cmd) dilerseniz de VS Code framework’üne ait terminal üzerinden yükleyebilirsiniz.
npm install -g typescript komutu ile paket eklentisi yüklenmektedir.

TypeScript paketleri yüklenmesi

▫️VS Code framework’te intro.ts adında dosya oluşturduktan sonra küçük bir JavaScript fonksiyonu yazalım.

▫️Proje RUN edildikten sonra editör, çalıştırılmak üzere otomatik olarak arka planda bir JavaScript dosyası daha oluşturmaktadır.

JavaScript & TypeScript

🔽NOT 📃

  • JavaScript, TypeScript’tir. Bunun anlamı .js uzantılı herhangi bir dosya .ts olarak yeniden adlandırabilir ve diğer TypeScript dosyalarıyla derlenebilir.

Unutmayın ki yazılan her bir JavaScript kodu aynı zamanda geçerli bir TypeScript kodudur ❗️

✔️ Arkadaşlar, aslında TypeScript’i tek başına projelerde kullanmak pek anlamlı değildir. Bunun yerine Angular gibi bir ortamda kullanmak gerekmektedir. Bu yazıyı yazmamın sebebi de bir bakıma Angular ile proje çalışmalarına başlandığında TypeScript ile kodlamak gerekmektedir. Bunun için gerekli temel iskelet yapısını sizlere aktaracağım.

TypeScript Fonksiyonlar 🔁

functions.ts adında bir dosya oluşturalım ve içerisine öncelikle JavaScript ardından TypeScript dilinde bir fonksiyon oluşturup aralarındaki farkı kontrol edelim.

JavaScript Kodu
TypeScript Kodu

Özetlemek gerekirse, JavaScript’te argümanlara hangi veri tipi gelirse gelsin veriyi almak isteyecek ve farklı veri tiplerini toplamak isteyecektir. Bu esneklikten kurtarmak adına TypeScript kodunda parametreleri veri tipleriyle eşleştirerek kodun doğruluğunu sağlamış olduk 👏🏻

--

--

Buse Yaren Tekin
Kodcular

Academician, Kastamonu University —AI Specialist, SimurgAI