تایپ اسکریپت چیست؟ تایپ اسکریپت یک زبان برنامه نویسی متن باز است که توسط شرکت مایکروسافت ارائه شده و هدف آن این است که توسعه برنامههایی که به زبان جاوااسکریپت توسعه داده شدهاند و در مقیاس بزرگتر هستند را آسانتر کند.
در این مقاله قصد داریم تا در مورد ویژگیهای تایپ اسکریپت، تفاوتهای آن با جاوااسکریپت و نحوه استفاده از تایپ اسکریپت صحبت کنیم.
همانطور که به احتمال زیاد میدانید، جاوااسکریپت هرروزه در حال گسترش دامنه فعالیتهای خود است. امروزه میتوان کارهای بسیار زیاد و فوقالعادهای با استفاده از این زبان انجام داد.
با این حال، هر چه پروژههای بزرگتری شروع به استفاده از جاوااسکریپت میکنند، فرآیند نوشتن کد سادهتر و نگهداری آن دشوارتر میشود.
راه حلی که مایکروسافت برای حل این مسئله ارائه کرد تایپ اسکریپت است که اولین نسخه آن در یک اکتبر ۲۰۱۲ منتشر شد.
اما سوالی که پیش میآید این است که تفاوت جاوااسکریپت و تایپ اسکریپت در چیست؟ تفاوت این دو زبان در نوع (Type) متغیرها است. در جاوااسکریپت تعیین نوع متغیر به صورت پویا اتفاق میافتد. به این صورت که، به عنوان مثال در جاوااسکریپت متغیری که به صورت عدد تعریف شده را میتوان به یک رشته تبدیل کرد، در حالیکه تعیین نوع متغیر در تایپ اسکریپت به صورت ایستا انجام میشود. به این معنی که، قبل از مقداردهی به متغیر، نوع مقداری که آن متغیر نگه میدارد مشخص میشود و قابل تغییر نیست.
در تایپ اسکریپت با تعریف یک متغیر به عنوان متغیری از اعداد، امکان تغییر مقادیر آن به انواع دیگر وجود نخواهد داشت.
پس هدف تایپ اسکریپت چیست؟ هدف آن کمک به جاوااسکریپت برای پیشرفت و تبدیل شدن به یک زبان با مقیاسپذیری بالا است. برای رسیدن به این هدف ویژگیهای زیر در تایپ اسکریپت وجود دارند:
از ابتدای سال ۲۰۲۰، آخرین نسخه پایدار قابل استفاده TypeScript3.7 است.
برای شروع کار نیازمند کامپایلر تایپ اسکریپت و ویرایشگری که از تایپ اسکریپت پشتیبانی کند، هستیم.
دستور زیر پکیج تایپ اسکریپت را به عنوان یک dependency در پروژه با استفاده از npm نصب میکند:
npm i typescript
توجه کنید که npm گزینههای متعددی را با توجه به جایی که میخواهید تایپ اسکریپت را نصب کنید، برای شما فراهم میکند:
npm i -g typescript
: برای نصب پکیج تایپ اسکریپت به صورت سراسری(global)npm i -D typescript
: برای نصب پکیج تایپ اسکریپت به عنوان یک dependency برای توسعهtsc multiplication.ts
توجه داشته باشید که میتوانید این فرآیند کامپایل تایپ اسکریپت را به عنوان یک اسکریپت npm سفارشی در فایل package.json خود پیکربندی کنید.
touch tsconfig.json
یکی از راههای پیکربندی، ایجاد فایل tsconfig.json برای مشخص کردن محل روت فایلها و گزینههای کامپایل است.
در فایل tsconfig.json، به عنوان مثال میتوانید تعیین کنید که تایپ اسکریپت هنگام کامپایل شدن به جای ES6، به نسخه ES5 کامپایل شود.
مثال
این برنامه حاصلضرب دو عدد که از قبل تعریف شدهاند را به عنوان خروجی چاپ میکند.
let a: number = 10; let b: number = 2; function showProduct(first: number, second: number): void { console.info("Mathematical! The result is " + first * second + "."); } showProduct(a, b);
بعد از تکمیل فایل multiplication.ts، با استفاده از دستور tsc که مخفف TypeScript Compile است، این فایل را به جاوااسکریپت کامپایل میکنیم.
var a = 10; var b = 2; function showProduct(first, second) { console.info("Mathematical! The result is " + first * second + "."); } showProduct(a, b);
Linter ابزاری است که خطاهای زبانهای برنامهنویسی، از جمله خطاهای استایل را تشخیص داده و نشانهگذاری میکند.
لینتر محبوب برای تایپ اسکریپت، TSLint است.
TSLint یک ابزار تجزیه و تحلیل استاتیک قابل توسعه است که تایپ اسکریپت را با توجه به خوانایی، قابلیت نگهداری و خطاهای عملکردی بررسی میکند و به صورت گسترده در ویرایشگرهای متنی مدرن و سیستمهای ساخت (build systems) پشتیبانی میشود و قابلیت سفارشیسازی با استفاده از قواعد و پیکربندیها و قالبهای خودتان را دارد.
دستور زیر TSLint را به صورت جهانی با استفاده npm نصب میکند:
npm i -g tslint
در صورتی که بخواهید بدون نصب تایپ اسکریپت، آن را امتحان کنید میتوانید به TypeScript Playground که در ادامه لینک آن را قرار دادهایم، مراجعه کنید:
Playground دارای قابلیت تکمیل خودکار و مشاهده کامپایل شدهی تایپ اسکریپت به جاوااسکریپت به صورت مستقیم است.
دیدگاهها: