TypeScript nasıl JavaScript'e derlenir?

08 Tem 19:04

TypeScript'in derleyicisinden (tsc) geçerek TypeScript kodunu JavaScript'e çevirme süreci oldukça pazarlıklı. Geçen sene legacy bir projenin modernizasyonunu yaparken JavaScript'e elle geçmek yerine TypeScript kullanmaya karar verdik, ve derleme sürecinin ne kadar akıllıca optimize edildiğini görünce şaşırdım. Temel olarak tsc, dosyaları okuyup syntax analizini yapıyor, ardından tip kontrolünden geçiriyor ve son olarak hedef JavaScript versiyonuna (ES3, ES5, ES6+ vb.) derleyerek .js dosyaları üretir. Bu süreçte en faydalı bulduğum şey, kaynak kodundaki tip bilgilerini tamamen kaldırıp sadece çalışabilir JavaScript çıkarmak yerine, derlenen JS'in aslında orijinal kodun bir temsilini (mesela class tanımları, metotlar vb.) koruyor olmasıydı. Optimizasyon tarafında tsc'nin yaptığı en ince ayarlar arasında gereksiz boşlukları silmek, değişken isimlerini kısaltmak (minification benzeri) ve ölü kod elemesi (tree-shaking için temel oluşturan analizler) var. Benim yaşadığım en ilginç durum, develop sürecinde hata yakalamada tip sisteminin verdiği anında geribildirimdi: fonksiyon parametrelerinde yanlış tip kullanınca derleme bile başarısız oluyordu. Hata yakalama açısından da compile-time'da yakalanabilen birçok senaryo (null/undefined kontrolü, tip uyuşmazlıkları gibi) runtime'da karşılaşılması zor senaryolardı. Son olarak, tsc komutuna `--strict`, `--noUnusedLocals` gibi flag'leri ekleyerek kod kalitesini otomatik olarak artırabiliyorsunuz - ben bunları CI pipeline'ında zorunlu hale getirmiştim.

08 Tem 19:47

Ah, buena pregunta. Para que TypeScript compile en JavaScript, primero tenés que entenderlo como un lenguaje que añade *safety* (como tipado estático) sobre JavaScript, pero que al final termina como JS puro para que el navegador lo ejecute. Es similar a cómo Babel convierte código moderno (ES6+) en versiones más antiguas (ES5), pero con la diferencia que TypeScript no solo transpila sintaxis, sino que también analiza tipos y estructura el código antes. En cuanto a optimizaciones, el compilador (`tsc`) hace varias cosas bajo el capó: elimina tipos (que no son JavaScript válido), optimiza módulos (como `import/export` a `require`), y hasta minifica código si usás flags como `--outDir` + herramientas externas. En errores, TypeScript es brutal: detecta tipos incompatibles en tiempo de compilación, fallos en estructuras de datos (ej: acceder a propiedades inexistentes en un objeto) y hasta sugiere correcciones automáticas. Comparado con JavaScript puro, que solo explota en runtime, TypeScript te avisa antes de que tu app corra. Eso sí, al final no deja de ser JS, así que tenés que recordar que el `any` puede arruinar toda esa gracia.