برنامه نویسی

تایپ اسکریپت چیت اسکریپت – نحو و مفاهیم اساسی

معرفی

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


انواع:

TypeScript انواع استاتیک را معرفی می کند و به شما این امکان را می دهد که به طور صریح نوع متغیرها، پارامترها و مقادیر بازگشتی تابع را تعریف کنید. در اینجا چند نوع پرکاربرد آورده شده است:

let variable: string;
let count: number;
let isTrue: boolean;
let list: Array<number>;
let tuple: [string, number];
let anyValue: any;
let voidValue: void;
وارد حالت تمام صفحه شوید

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

متغیرها و ثابت ها:

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

let variableName: string = "Hello";
const constantName: number = 42;

let inferredVariable = "World"; // Inferred as string
وارد حالت تمام صفحه شوید

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

کارکرد:

توابع در TypeScript می توانند حاشیه نویسی نوع صریح برای پارامترها و مقادیر بازگشتی داشته باشند. توابع پیکان یک نحو مختصر ارائه می دهند. پارامترهای اختیاری را می توان با استفاده از ? سمبل:

function functionName(parameter: string): number {
  return parameter.length;
}

const arrowFunction = (parameter: string): number => parameter.length;

function optionalParams(param1: string, param2?: number): void {
  // Function body
}
وارد حالت تمام صفحه شوید

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

رابط ها و کلاس ها:

رابط ها و کلاس ها به تعریف قراردادها و ارائه ساختار کد شما کمک می کنند. در اینجا یک مثال از یک رابط و یک کلاس آورده شده است:

interface Person {
  name: string;
  age: number;
}

class Student implements Person {
  name: string;
  age: number;

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

  sayHello(): void {
    console.log(`Hello, my name is ${this.name}`);
  }
}
وارد حالت تمام صفحه شوید

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

ژنریک ها:

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

function genericFunction<T>(arg: T): T {
  return arg;
}

class GenericClass<T> {
  private data: T[];

  constructor() {
    this.data = [];
  }

  addItem(item: T): void {
    this.data.push(item);
  }

  getItem(index: number): T {
    return this.data[index];
  }
}
وارد حالت تمام صفحه شوید

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

ماژول ها:

TypeScript از ماژول ها پشتیبانی می کند و به شما امکان می دهد کد خود را در واحدهای قابل استفاده مجدد و قابل مدیریت سازماندهی کنید. می توانید توابع، متغیرها و کلاس ها را صادر و وارد کنید:

export function functionName() { ... }
export const variableName = 42;

import { functionName, variableName } from './module';
وارد حالت تمام صفحه شوید

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

اظهارات نوع:

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

let someValue: any = "Hello, World!";
let stringLength: number = (someValue as string).length;
وارد حالت تمام صفحه شوید

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

محافظ های نوع:

محافظ های نوع به محدود کردن نوع متغیر در یک بلوک شرطی کمک می کند. آنها به ویژه هنگام کار با انواع اتحادیه مفید هستند:

function processValue(value: string | number): void {
  if (typeof value === "string") {
    console.log(value.toUpperCase());
  } else {
    console.log(value.toFixed(2));
  }
}
وارد حالت تمام صفحه شوید

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

فهرست ها:

Enums راهی برای تعریف مجموعه ای از ثابت های نامگذاری شده ارائه می دهد که مجموعه ای از مقادیر ممکن را نشان می دهد. آنها می توانند کد شما را خواناتر و رساتر کنند:

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

let dir: Direction = Direction.Up;
وارد حالت تمام صفحه شوید

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

رسیدگی به خطا:

TypeScript از مکانیسم‌های استاندارد مدیریت خطا مانند بلوک‌های try-catch-finally پشتیبانی می‌کند و به شما این امکان را می‌دهد که استثنائات را مدیریت کرده و بازیابی کنید:

try {
  // Code that may throw an error
} catch (error) {
  // Handle the error
} finally {
  // Code that always executes
}
وارد حالت تمام صفحه شوید

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


نتیجه:

این cheatsheet TypeScript یک مرجع سریع به نحو و مفاهیم ضروری ارائه می دهد و به شما امکان می دهد کدهای قابل اعتمادتر و قابل نگهداری بیشتری بنویسید. به یاد داشته باشید، TypeScript ویژگی‌ها و قابلیت‌های بسیار بیشتری نسبت به آنچه در اینجا توضیح داده شده است، ارائه می‌دهد، بنابراین حتماً اسناد رسمی TypeScript را بررسی کنید تا مهارت‌های TypeScript خود را بیشتر تقویت کنید.

کد نویسی مبارک! ❤️

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

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

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

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