TypeScript یکی از محبوبترین ابزارها برای توسعه برنامههای جاوااسکریپتی مدرن است. با رشد پروژههای بزرگ فرانتاند و بکاند، مدیریت کدهای JavaScript بدون سیستم تایپ قوی میتواند دشوار شود. به همین دلیل بسیاری از توسعهدهندگان از TypeScript برای افزایش کیفیت، خوانایی و مقیاسپذیری کد استفاده میکنند.
در این جلسه از آموزش TypeScript با مفهوم این زبان، تفاوت آن با JavaScript و مزایای استفاده از آن آشنا میشویم.
TypeScript چیست؟
TypeScript یک زبان برنامهنویسی متنباز است که توسط شرکت مایکروسافت توسعه داده شده است. این زبان در واقع یک superset از JavaScript محسوب میشود؛ یعنی تمام کدهای JavaScript در TypeScript نیز قابل اجرا هستند.
ویژگی اصلی TypeScript اضافه کردن سیستم تایپ ایستا (Static Typing) به JavaScript است. این سیستم باعث میشود خطاهای احتمالی قبل از اجرای برنامه و در زمان توسعه شناسایی شوند.
در نهایت کد TypeScript به JavaScript استاندارد کامپایل (Transpile) میشود تا در مرورگر یا Node.js اجرا شود.
تفاوت TypeScript با JavaScript
JavaScript یک زبان داینامیک تایپ است. یعنی نوع متغیرها در زمان اجرا مشخص میشود. این موضوع در پروژههای بزرگ ممکن است باعث بروز خطاهای پیشبینینشده شود.
اما TypeScript با اضافه کردن تایپها، این مشکل را تا حد زیادی حل میکند.
مثال در JavaScript
function add(a, b) {
return a + b;
}
add(5, "10");در این مثال، JavaScript بدون خطا اجرا میشود و نتیجه ممکن است غیرمنتظره باشد.
همان مثال در TypeScript
function add(a: number, b: number): number {
return a + b;
}
add(5, "10");در اینجا TypeScript قبل از اجرا خطا میدهد، زیرا پارامتر دوم باید عدد باشد.
چرا باید از TypeScript استفاده کنیم؟
استفاده از TypeScript مزایای زیادی برای توسعهدهندگان دارد، مخصوصاً در پروژههای متوسط و بزرگ.
۱. تشخیص خطا قبل از اجرا
با استفاده از تایپها، بسیاری از خطاها در زمان توسعه شناسایی میشوند و قبل از اجرای برنامه قابل اصلاح هستند.
۲. خوانایی بهتر کد
وقتی نوع دادهها مشخص باشد، درک کد برای سایر توسعهدهندگان بسیار آسانتر میشود.
۳. مقیاسپذیری بهتر پروژه
در پروژههای بزرگ که چندین توسعهدهنده روی یک کد کار میکنند، TypeScript باعث ساختارمند شدن کد و کاهش خطاهای احتمالی میشود.
۴. پشتیبانی عالی در IDE ها
ویرایشگرهایی مثل VS Code با TypeScript بسیار خوب کار میکنند و امکاناتی مثل موارد زیر را ارائه میدهند:
- Autocomplete هوشمند
- تشخیص خطا در لحظه
- Refactor آسان
- پیشنهاد نوع متغیرها
۵. استفاده گسترده در فریمورکها
بسیاری از فریمورکها و کتابخانههای مدرن از TypeScript پشتیبانی میکنند، از جمله:
- React
- Next.js
- Angular
- NestJS
- Vue
به همین دلیل یادگیری TypeScript برای توسعهدهندگان جاوااسکریپت بسیار مهم شده است.
TypeScript چگونه کار میکند؟
مرورگرها به صورت مستقیم TypeScript را اجرا نمیکنند. بنابراین ابتدا باید کد TypeScript به JavaScript تبدیل شود.
این کار توسط TypeScript Compiler (tsc) انجام میشود.
روند کار به این صورت است:
- شما کد را با TypeScript مینویسید.
- کامپایلر TypeScript کد را بررسی میکند.
- در صورت نبود خطا، کد به JavaScript تبدیل میشود.
- فایل JavaScript در مرورگر یا Node.js اجرا میشود.
یک مثال ساده از TypeScript
let username: string = "Ali";
let age: number = 25;
function greet(name: string): string {
return "Hello " + name;
}
console.log(greet(username));در این مثال نوع متغیرها و خروجی تابع مشخص شده است. این موضوع باعث میشود TypeScript بتواند خطاهای احتمالی را زودتر تشخیص دهد.
جمعبندی
TypeScript ابزاری قدرتمند برای توسعه برنامههای JavaScript است که با اضافه کردن سیستم تایپ ایستا باعث کاهش خطاها، افزایش خوانایی کد و مدیریت بهتر پروژههای بزرگ میشود.
به همین دلیل بسیاری از شرکتها و پروژههای مدرن از TypeScript استفاده میکنند و یادگیری آن به یکی از مهارتهای مهم برای توسعهدهندگان JavaScript تبدیل شده است.
دسترسی به ویدیوهای کامل دوره
برای مشاهده ویدیوهای کامل هر جلسه، دریافت تمرینها، فایلها و پشتیبانی، میتوانید دوره کامل را تهیه کنید.
