برنامه نویسی

شروع کار با TypeScript – DEV Community

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

  1. نصب برای استفاده از TypeScript، باید آن را روی دستگاه خود نصب کنید. می توانید این کار را با استفاده از npm که یک مدیریت بسته برای جاوا اسکریپت است انجام دهید. اگر npm را قبلاً نصب نکرده‌اید، می‌توانید این راهنما را دنبال کنید: https://www.npmjs.com/get-npm

در پروژه npm خود، دستور زیر را برای نصب TypeScript اجرا کنید:

npm install typescript --save-dev
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این کار TypeScript را به عنوان یک وابستگی توسعه به پروژه شما اضافه می کند.

  1. پیکربندی در مرحله بعد، باید یک فایل tsconfig.json در دایرکتوری ریشه پروژه خود ایجاد کنید. این فایل شامل گزینه های پیکربندی کامپایلر TypeScript است. می توانید از دستور زیر برای ایجاد یک فایل tsconfig.json با برخی تنظیمات پیش فرض استفاده کنید:
npx tsc --init
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

شما می توانید فایل را در یک ویرایشگر باز کنید و آن را مطابق با نیاز خود تغییر دهید. برای مثال، می‌توانید گزینه target را تغییر دهید تا مشخص کنید که می‌خواهید TypeScript در کدام نسخه از جاوا اسکریپت کامپایل شود. همچنین می‌توانید گزینه outDir را تغییر دهید تا مشخص کنید که می‌خواهید TypeScript از فایل‌های جاوا اسکریپت کامپایل شده در کجا خروجی بگیرد.

  1. انواع پایه یکی از مزایای اصلی TypeScript این است که به شما اجازه می دهد تا برای متغیرها و پارامترهای خود انواع تعریف کنید. این به شما کمک می کند تا خطاها را در زمان کامپایل پیدا کنید و خوانایی و قابلیت نگهداری کد را بهبود ببخشید.

TypeScript از اکثر انواع اولیه جاوا اسکریپت پشتیبانی می کند، مانند عدد، رشته، بولی، آرایه، شی و غیره. همچنین اگر نمی خواهید نوع خاصی را مشخص کنید، می توانید از هر نوع استفاده کنید.

برای اعلام یک متغیر با حاشیه نویسی نوع در TypeScript، از این نحو استفاده کنید:

let name: string = "John";
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

برای اعلام یک پارامتر تابع با حاشیه نویسی نوع در TypeScript، از این نحو استفاده کنید:

const greet = (name: string) => {
  console.log("Hello " + name);
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

همچنین می توانید از حاشیه نویسی نوع برای مقادیر بازگشتی توابع استفاده کنید:

const add = (a: number , b: number): number => {
  return a + b;
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. کلاس ها و رابط ها TypeScript همچنین از مفاهیم برنامه نویسی شی گرا مانند کلاس ها و رابط ها پشتیبانی می کند. کلاس ها قالب هایی برای ایجاد اشیایی هستند که دارای ویژگی ها و متدها هستند. رابط ها قراردادهایی هستند که مشخص می کنند یک شی باید چه ویژگی ها و روش هایی داشته باشد.

برای تعریف کلاس در TypeScript از این نحو استفاده کنید:

class Person {
  name: string;
  age: number;

  constructor(name: string , age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log("Hello " + this.name);
  }
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

برای ایجاد یک نمونه از یک کلاس در TypeScript، از این نحو استفاده کنید:

let person = new Person('John', 25);
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

برای تعریف یک رابط در TypeScript، از این نحو استفاده کنید:

interface Animal {
  name: string;
  sound: string;
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

برای پیاده سازی یک رابط در TypeScript، از این نحو استفاده کنید:

class Dog implements Animal {
  name: string;
  sound: string;

  constructor(name: string) {
    this.name = name;
    this.sound = "Woof";
  }

  makeSound() {
    console.log(this.sound);
  }
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  1. کار با TypeScript در یک ویرایشگر یا IDE برای نوشتن و اجرای مؤثر کد TypeScript، به یک ویرایشگر یا IDE نیاز دارید که از ویژگی های TypeScript مانند برجسته کردن نحو، تکمیل خودکار، بررسی خطا و غیره پشتیبانی کند.

برخی از ویرایشگرها و IDE های محبوبی که از TypeScript پشتیبانی می کنند عبارتند از Visual Studio Code، WebStorm، Atom و غیره.

همچنین می‌توانید از ابزارهای آنلاین مانند CodeSandbox یا StackBlitz برای نوشتن و اجرای کد TypeScript بدون نصب چیزی بر روی دستگاه خود استفاده کنید.

  1. مراحل بعدی در این پست وبلاگ، نحوه شروع کار با TypeScript را با نصب آن، پیکربندی آن، نوشتن برخی از کدهای تایپ اسکریپت اولیه با استفاده از انواع، کلاس ها، و رابط ها و غیره یاد گرفتیم.

چیزهای بیشتری برای یادگیری در مورد TypeScript از آنچه در اینجا به آن پرداختیم وجود دارد. برخی از موضوعاتی که ممکن است بخواهید در ادامه بررسی کنید عبارتند از:

  • ژنریک ها : نحوه نوشتن کد قابل استفاده مجدد که با انواع مختلف کار می کند.
  • ماژول ها : چگونه کد خود را در فایل های جداگانه سازماندهی کنید و در صورت نیاز آنها را وارد کنید.
  • دکوراتورها : نحوه اضافه کردن قابلیت یا ابرداده اضافی به کلاس ها یا روش های خود.
  • انواع پیشرفته : نحوه استفاده از انواع پیچیده تر مانند اتحادیه ها، تقاطع ها، انواع شرطی و غیره.
  • فایل های اعلامیه : نحوه توصیف کتابخانه ها یا ماژول های جاوا اسکریپت موجود با استفاده از فایل های d.ts.

می توانید منابع بیشتری را در مورد یادگیری Typescript در https://www.typescript بیابید

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا