تایپ‌ اسکریپت چیست؟ تایپ اسکریپت یک زبان برنامه نویسی متن باز است که توسط شرکت مایکروسافت ارائه شده و هدف آن این است که توسعه برنامه‌هایی که به زبان جاوااسکریپت توسعه داده شده‌اند و در مقیاس بزرگ‌تر هستند را آسان‌تر کند.

در این مقاله قصد داریم تا در مورد ویژگی‌های تایپ اسکریپت، تفاوت‌های آن با جاوااسکریپت و نحوه استفاده از تایپ اسکریپت صحبت کنیم.

بررسی اجمالی تایپ‌ اسکریپت

همانطور که به احتمال زیاد می‌دانید، جاوا‌اسکریپت هرروزه در حال گسترش دامنه فعالیت‌های خود است. امروزه می‌توان کار‌های بسیار زیاد و فوق‌العاده‌ای با استفاده از این زبان انجام داد.

با این حال، هر چه پروژه‌های بزرگ‌تری شروع به استفاده از جاوااسکریپت می‌کنند، فرآیند نوشتن کد ساده‎‌تر و نگه‌داری آن دشوارتر می‌‌شود.

راه حلی که مایکروسافت برای حل این مسئله ارائه کرد تایپ‌ اسکریپت است که اولین نسخه آن در یک اکتبر ۲۰۱۲ منتشر شد.

تفاوت جاوااسکریپت و تایپ‌ اسکریپت

اما سوالی که پیش می‌آید این است که تفاوت جاوااسکریپت و تایپ‌ اسکریپت در چیست؟ تفاوت این دو زبان در نوع (Type) متغیر‌ها است. در جاوااسکریپت تعیین نوع متغیر به صورت پویا اتفاق می‌افتد. به این صورت که، به عنوان مثال در جاوااسکریپت متغیری که به صورت عدد تعریف شده را می‌توان به یک رشته تبدیل کرد، در حالی‌که تعیین نوع متغیر در تایپ‌ اسکریپت به صورت ایستا انجام می‌شود. به این معنی که، قبل از مقداردهی به متغیر، نوع مقداری که آن متغیر نگه می‌دارد مشخص می‌شود و قابل تغییر نیست.

در تایپ‌ اسکریپت با تعریف یک متغیر به عنوان متغیری از اعداد، امکان تغییر مقادیر آن به انواع دیگر وجود نخواهد داشت.

پس هدف تایپ‌ اسکریپت چیست؟ هدف آن کمک به جاوااسکریپت برای پیشرفت و تبدیل شدن به یک زبان با مقیاس‌پذیری بالا است. برای رسیدن به این هدف ویژگی‌های زیر در تایپ‌ اسکریپت وجود دارند:

• زبان برنامه‌نویسی رایگان و متن‌باز، که توسط مایکروسافت توسعه داده شده و پشتیبانی می‌شود.
• دارای مجموعه‌ای از سینتکس‌های use strict جاوااسکریپت که به جاوااسکریپت ساده کامپایل می‌شود.
• تسهیل توسعه‌ی اپلیکیشن‌هایی با مقیاس بزرگ که به زبان جاوااسکریپت نوشته‌شده‌اند.
• توسعه جاوااسکریپت با اضافه کردن 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);

TSLint

Linter ابزاری است که خطاهای زبان‌های برنامه‌نویسی، از جمله خطاهای استایل را تشخیص داده و نشانه‌گذاری می‌کند.

لینتر محبوب برای تایپ‌‌ اسکریپت، TSLint است.

TSLint یک ابزار تجزیه و تحلیل استاتیک قابل توسعه است که تایپ‌‌ اسکریپت را با توجه به خوانایی، قابلیت نگه‌داری و خطاهای عملکردی بررسی می‌کند و به صورت گسترده در ویرایشگر‌های متنی مدرن و سیستم‌های ساخت (build systems) پشتیبانی می‌شود و قابلیت سفارشی‌سازی با استفاده از قواعد و پیکربندی‌ها و قالب‌‌های خودتان را دارد.

نصب TSLint

دستور زیر TSLint را به صورت جهانی با استفاده npm نصب می‌کند:

npm i -g tslint

Playground

در صورتی ‌که بخواهید بدون نصب تایپ‌ اسکریپت، آن‌ را امتحان کنید می‌توانید به TypeScript Playground که در ادامه لینک آن را قرار داده‌ایم، مراجعه کنید:

لینک TypeScript Playground

Playground دارای قابلیت تکمیل خودکار و مشاهده کامپایل شده‌ی تایپ‌ اسکریپت به جاوااسکریپت به صورت مستقیم است.

منبع