Ana içeriğe atla

TypeScript ve JavaScript Arasındaki İlişki

TypeScript ile JavaScript arasındaki ilişkiyi tanımlamak için seçilebilecek en iyi tanımlamalardan biri "Typescript JavaScripti extend eden ve program çıktısı yine JavaScript olan nesne yönelimli programlama dilidir." olurdu.

İlk cümleden de gördüğünüz gibi TypeScripti tanımlayan bir cümlede 2 defa JavaScript sözünü kullanmak zorunda kaldık. Bu makalemizde de temel hatlarıyla TypeScript ile JavaScript arasındaki ilişkiyi inceleyecek ve iyi bir Typescript geliştiricisi olabilmeniz için ne kadar JavaScript bilmeniz ve ne kadarını kullanmanız gerektiğine değineceğiz.

TypeScript ile JavaScript arasındaki ilişkiyi makaleye giriş yaparken verdiğim tanım esasında bir kaç açıdan inceleyeceğiz. Bunlardan birincisi TypeScript'in JavaScripti de kapsayan bir dil olması, ikincisi TypeScript derleyicisi aracılığıyla JavaScript kodlarına dönüşme sürecidir. Makalenin sonuna doğru ise TypeScript içinde JavaScript yazabiliyor olmamız yazmamız gerektiği anlamına gelmediğini detaylarıyla açıklamaya çalışacağım. Bu noktada da TypeScript ve JavaScript arasındaki temel fark olan nesne yönelimli mantığı da incelemiş olacağız.

Öncelikle TypeScript dosyaları ve ya programı içerisinde istediğiniz kadar JavaScript kodları yazabilirsiniz. TypeScript derleyicisi JavaScript kodlarını da anlayacak şekilde geliştirilmiştir. Bu durumu aşağıdaki resim daha iyi açıklamaktadır.


Resimden de gördüğünüz gibi TypeScript JavaScriptin özelliklerini geliştiren bir dildir ve bir anlamda JavaScript programlama diline nesne yönelimli özellik kazandırır. JavaScript ile daha önce program geliştirmiş olan deneyimli yazılımcılar nesne yönelimli yazılım geliştirme ve nesne yönelimli yazılım geliştirme standartları konularında ne kadar eksik kaldığını ve günümüz yazılım geliştirme hızını olumsuz yönde nasıl etkilediğinin farkındadırlar.

Makalenin bir kısmında bir TypeScript'in JavaScript dünyasında oluşturduğu bir deprem etkisine de değinmek istiyorum. Bu da bir kaç sene önce en popüler framework olarak görülen AngularJS teknolojisinin de sonunu getirmesi oldu.

TypeScript'in ünlenmesi ve yaygın olarak kullanılması AngularJS teknolojisinden Angular'a doğru olan kaymanın nedeni ile açıklanabilir. Aynı zamanda Angular teknolojisinin tercih edilmesinin temel nedenlerinden biri de geliştiricilerin yatkın olduğu nesne yönelimli mantığını web uygulamalarında da uygulayabiliyor olmalarıdır ve bunu sağlayan da TypeScript programlama dilidir. Bu yüzden geldiğimiz nokta itibari ile TypeScript ve Angular teknolojilerinin de bir birlerinin gelişmesinde aktif bir rol oynadığını söyleyebiliriz. Yani TypeScript Anguları tercih edilebilir yaparken, Angular da TypeScript tanıtımını yaptı ve bu da doğal olarak bir çok yazılım geliştiricinin farklı proje türlerinde de TypeScriptin önünü açmış oldu.

Yorumlar

Bu blogdaki popüler yayınlar

TypeScript Kurulu Versiyon Görüntüleme

"tsc" TypeScript compiler sözünün kısaltmasıdır ve TypeScript işlemlerini yapmak için kullanılan kısaltmadır. TypeScript programları yazarken herhangi bir derleyici kullanmıyorsanız bu komutu etkin kullanabiliyor olmanız gerekiyor. tsc --help komutunu kullanarak detaylı bilgileri görüntüleyebilirsiniz.  tsc aynı zamanda TypeScript  uygulamalarını derlemek için kullanılan komuttur ve tüm derleyiciler de alt yapısında bu komutu kullanarak derleme işlemlerini gerçekleştirir. tsc komutunun parametrelerinden bir tanesi de --versiyon parametresidir. Bu komut kurulu TypeScript sürümünü görüntülemek için kullanılan parametredir. Bilgisayarınızda kurulu olan TypeScript versiyonunu görüntülemek için de aşağıdaki komutu çalıştırmanız gerekiyor. tsc --version TypeScript ile uygulama geliştirirken mümkün olduğu kadar en son versiyonla çalışmak sizin yeni özellikleri kullanmanız için önemlidir. Blog içerisinden kullandığınız sürüme kadar olan özellikleri anlatan...

TypeScript Nerelerde Kullanılır?

Bir programlama dili olarak TypeScript JavaScriptle programlama yapılan tüm projelerde kullanılabilir. TypeScript bir anlamda nesne yönelimli JavaScript anlamında geldiği için çoğu yeni teknoloji de bu programlama dilinin üzerine inşa edilmiştir. Bunlarda en bilineni Angular teknolojisidir. Hatta TypeScript programlama dili Angular teknolojisinin de yaygınlaşması ve kullanımı ile birlikte tamamen bu teknoloji ile özdeşleşmiştir. Buna rağmen siz nodejs ile yazdığınız bir sunucu uygulamasında da TypeScript kullanabilirsiniz ve bu tamamen size kalmış durumda. TypeScript temel olarak .ts uzantılı dosyalarda çalışıyor. Yani siz ts uzantılı dosyalara kodlarınızı yazıyorsunuz. Bu süreçten sonra ister kullandığınız IDE, ister konsol ekranından .Net framework de ki gibi derleniyor ve javascript diline dönüştürülüp yorumlanıyor. Örneğin .Net frameworkü için derleme sonucu makine kodu iken, TypeScript için bu işlem JavaScript kodlarıdır. Yani siz TypeScript’e göre program yazarken sunuc...

TypeScript Veri Tipleri - Number

Number veri tipi TypeScript programlama dilinde tüm sayısal verileri tanımlayabileceğimiz veri türüdür ve kayan noktalı sayılar, ikilik, sekizlik ve on altılık sayı sistemleri ile desteklenmiştir. Tek farkı ise bu veri türlerinin hepsinin tek değişken türünde birleştirilmesidir. Bu özelliği ile de TypeScript bir çok programlama dilinden pozitif anlamda ayrışmaktadır. Aslında bu özelliği ile aynı zamanda JavaScript kökeninden de uzaklaşamamışdır diyebiliriz. Number veri tipini daha detaylı incelemek için örnek bir program yazalım. Yazdığımız kodları TypeScript derleyicisi ile JavaScript kodlarına dönüştürüldüğünde nasıl bir çıktı aldığımızı ve aynı zamanda da bu çıktıyı NodeJS aracılığı ile çalıştırarak nasıl bir çıktı aldığımızı da inceleyelim. Böylece number olarak tanımladığımız değişkenlerin arka tarafta nasıl bir süreçten geçtiğini detaylı incelemiş olacağız. Örnek uygulamamız için kayan noktalı sayı, tam sayı, ikilik, sekizlik ve onaltılık sayı sistemi ile değişken tanımla...