JavaScript Programınızı TypeScript'e Nasıl Aktarırsınız?

Şaşırtıcı derecede kısa bir geliştirme döneminden sonra ilk olarak 1995 yılında piyasaya sürülen JavaScript, o zamandan beri birçok site ve uygulamanın ayrılmaz bir parçası haline geldi. Bugün, JavaScript hem istemci hem de sunucu tarafı uygulamalarda kendine yer bulmuştur. Geliştiriciler, yıllar içinde yaşadığı tüm değişikliklere rağmen hala birçok özellik talep ediyor.

TypeScript, JavaScript'i bu uzun zamandır beklenen özelliklerin çoğuyla genişleten bir betik dilidir. Yazım açıklaması, özel yazım ve arayüzlerin tümü, üretkenliği artırmak için daha iyi araçlarla birlikte ana bileşenlerdir.

Değiştirmeyi Neden Zahmet Edersiniz?

Büyük projelerde dil değiştirme olasılığı stresli olabilir. Neyse ki, bu görevi düşünen herkes için, bir projeyi JavaScript'ten TypeScript'e taşıma işlemi oldukça basittir.

JavaScript, son birkaç yılını büyük bir programlama dili olarak ilgi kazanmak için harcadı. Başlangıçta yalnızca web sitelerinde ön uç komut dosyası oluşturmak için kullanılan Node.js'nin piyasaya sürülmesi, JavaScript sunucu tarafını getirerek popülaritesinin artmasına yardımcı oldu.

JavaScript son zamanlarda çok daha popüler hale gelse de, en son uygulaması olan ES6'da hala eksik olan pek çok özellik var. Birçok geliştirici için, bu eksik özellikler JavaScript'in bir dil olarak kullanışlılığını sınırlar.

TypeScript, JavaScript'i ekstra özelliklerle sararak ve ardından kullanıcı kodunu aktararak bu endişeleri gidermeyi amaçlar. Sonuç, JavaScript'in kolaylığına ve kullanılabilirliğine sahip, tür açısından güvenli bir dildir.

Halihazırda tam TypeScript desteğine sahip birkaç araç ve çerçeve var. Angular bunu uzun süredir kullanıyor ve hatta React, TypeScript'i uygulama yollarına sahiptir.

TypeScript, Geliştirilmiş JavaScript Gibidir

TypeScript, geliştiricilerin JavaScript'te sıklıkla talep ettiği özelliklerin çoğunu uygular. TypeScript adını, tip denetimi, güvenlik ve dolaylı yazma gibi özellikler dahil olmak üzere uyguladığı eksiksiz yazı sisteminden alır. TypeScript size bile izin verir özel ad alanlarını tanımlayın ve kullanın.

TypeScript ayrıca arabirimler, numaralandırmalar ve tür çıkarımı içerir. TypeScript, eski özelliklerin yanı sıra en son JavaScript uygulamasındaki özellikler için desteği sürdürür ve bir dizi yeni özellik ekler.

Genel olarak, TypeScript'in odak noktası, kodlayıcılara yardımcı olacak daha güçlü araçlarla daha güvenli bir geliştirme süreci oluşturmaktır.

Type-Safe Kodunu Teşvik Eder

TypeScript, değişken türlerini doğrulamak için yerleşik bir tür denetleme sistemi kullanır. Kendi sınıflarınızı ve türlerinizi tanımlama seçeneğiyle birlikte bir dizi standart tür içerir. Türler açıkça bildirilebilir veya atamaya dayalı olarak çıkarılabilir.

TypeScript'in dizeler, sayılar, boolean'lar ve demetler dahil olmak üzere birçok standart veri türü vardır. Bilinmeyen ve herhangi biri gibi zayıf yazılmış kod kullanmanıza izin veren değişken türleri de vardır.

TypeScript'in tür çıkarımı, TypeScript'in aktarıcısı aracılığıyla çalıştırarak standart JavaScript kodunda bile tür kontrolleri yapmanızı sağlar.

Transpilasyon Kullanımını Kolaylaştırır

Geliştirici açısından, TypeScript'in en iyi özelliklerinden biri, normal JavaScript'i çıkarmasıdır. TypeScript kodunu, derlemeye benzer, transpilasyon olarak bilinen bir işlemle çalıştırabilirsiniz.

Yürütülebilir bir dosya yerine, transpilasyonun sonucu, kodun orijinal dilinden farklı bir dilde bir komut dosyasıdır.

TypeScript kodu, daha sonra bir sunucuda veya istemcide çalıştırabileceğiniz JavaScript'e aktarılır. Bu, hemen hemen her platformda çalıştırabileceğiniz kodu hızlı ve kolay bir şekilde yazmanıza olanak tanır.

TypeScript, Geliştirici Üretkenliğine Yardımcı Olur

JavaScript'e tür eklemek yalnızca kodun güvenli bir şekilde çalışmasını sağlamakla kalmaz, aynı zamanda geliştiricilere kodlamayı kolaylaştıran araçlar sağlar. Çoğu modern IDE, IntelliSense gibi kod tamamlama araçlarının koda ek bağlam sunmasını sağlayan TypeScript desteği sunar. Ayrıca siz yazarken tip denetimi sunarak hataları daha hızlı yakalamanıza yardımcı olur.

Ek olarak, TypeScript'in ekstra veri yapıları ve sözdizimi, kod okunabilirliğini artırmak için tasarlanmıştır. Bu özellikler, yüksek kaliteli kod oluşturmayı ve potansiyel sorunları sorunlu hale gelmeden önce tespit etmeyi daha hızlı ve daha kolay hale getirir.

Kodunuzu Nasıl Taşıyabilirsiniz?

Yepyeni bir projeye başlıyorsanız, yeni bir TypeScript projesi oluşturma oldukça basit. Bununla birlikte, önceden var olan bir projeyi TypeScript'e dönüştürmek biraz daha karmaşıktır.

Çoğu normal koşul altında, bir projeyi bir dilden diğerine dönüştürme olasılığı korkutucudur. Bununla birlikte, JavaScript'ten TypeScript'e dönüşüm şaşırtıcı derecede basittir.

JavaScript'in Üst Kümesi Olarak TypeScript

TypeScript, JavaScript'in bir üst kümesi olarak kabul edilir. Bu, TypeScript'in etrafında oluşturduğu temel işlevselliği değiştirmeden veya kaldırmadan ek sözdizimi ve işlevsellik katmanları eklediği anlamına gelir.

Geliştiriciler için bu, JavaScript'te düzgün çalışan herhangi bir kodun TypeScript'te otomatik olarak doğru çalışacağı anlamına gelir. Söz konusu betik ister NodeJS'de çalışacak şekilde yazılmış bir web sunucusu, ister bir web sayfası için bir dizi ön uç betiği olsun, geçiş son derece basittir.

TypeScript aktarıcıyı yükledikten sonra, basit bir tsconfig.json aşağıdaki içeriğe sahip dosya:

{
"derleyici Seçenekleri": {
"outDir": "./inşa etmek",
"izin ver": doğru,
"hedef": "es5"
 },
"katmak": ["./src/**/*"]
}

Uygulanabilir tüm dosyaları src dizinine taşıyın ve aktarıcıyı çalıştırın. Bu, ortaya çıkan JavaScript dosyalarını inşa etmek dizin.

Bu hızlı ve basit değişiklikler, standart bir JavaScript projesini bir TypeScript projesine dönüştürecektir. Buradan, TypeScript'in sunduğu yeni özellikleri istediğiniz zaman kullanmakta özgürsünüz. Değişkenlere tipler ekleyebilir, özel tipler uygulayabilir ve arayüzler tanımlayabilirsiniz.

Her transpilasyondan sonra, çıktıyı kullanabilirsiniz. inşa etmek normalde yaptığınız gibi dosyaları herhangi bir projeye ekleyerek gerektiği gibi dizin. Transpiler, check standart JavaScript yazacak ve yeni özellikleri geçerli ES5 komut dosyalarına dönüştürecektir.

JS'den TS'ye Geçiş İçin Bilmeniz Gerekenler

Bir projeyi JavaScript'ten TypeScript'e dönüştürme işlemi son derece kolaydır. Dönüştürme, dizin yapısını değiştirmek, bir yapılandırma dosyası eklemek ve aktarıcıyı kurmak kadar basittir.

Bununla birlikte, yeni dilin tüm faydalarını elde etmek çok daha uzun bir proje olabilir. TypeScript bir projedeki her değişkenin türünü anlayabilirken, bunlar açıkça bildirilmelidir. Geri dönüp bir projeye özel türler eklemek, uygun notlar eklemek ve arabirimler oluşturmak zaman alıcı olabilir.

Ancak bu özellikleri bir projeye eklemek, uygun tip denetimi ve genişletilmiş araçlarla gelen avantajlardan yararlanmanıza olanak tanır. Büyük projelerin oluşturulması daha hızlı ve daha kolay olacak, hataları daha erken belirleyeceksiniz ve yeni geliştiriciler kodunuzu daha kolay okuyabilecek.