کیهانKEYHAN
جاوااسکریپت

TypeScript برای توسعه‌دهندگان جاوااسکریپت: انواع پایه تا Generics

با TypeScript خطاها را پیش از اجرا بگیرید. انواع پایه، interface و union و در نهایت Generics با مثال‌های کوتاه.

۱ دقیقه مطالعهتیم کیهان
TypeScript برای توسعه‌دهندگان جاوااسکریپت: انواع پایه تا Generics

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

انواع پایه و interface

TypeScript
interface User {
  id: number
  name: string
  email?: string // اختیاری
}

function greet(user: User): string {
  return `سلام ${user.name}!`
}

greet({ id: 1, name: 'سارا' })

Union و narrowing

TypeScript
type Result = { ok: true; data: User } | { ok: false; error: string }

function show(r: Result) {
  if (r.ok) console.log(r.data.name) // اینجا TypeScript می‌داند data وجود دارد
  else console.error(r.error)
}

Generics: یک تابع، چند نوع

TypeScript
function first<T>(items: T[]): T | undefined {
  return items[0]
}

const n = first([1, 2, 3])        // number | undefined
const s = first(['الف', 'ب'])     // string | undefined
اشتراک‌گذاری:تلگرامواتساپایکسلینکدین
تیم کیهان

تیم طراحی و توسعه‌ی کیهان؛ ما سایت می‌سازیم و آنچه یاد می‌گیریم را اینجا می‌نویسیم.

خبرنامه‌ی کیهانآموزش‌های تازه‌ی وب و وردپرس، ماهی یکی دو بار. بدون اسپم.

دیدگاه‌ها

هنوز دیدگاهی نیست؛ نخستین نفر باشید.

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