Learning
TypeScript

Gyakori hibák

Tipikus TypeScript hibák: any túlhasználat, null kezelés, type vs value keverése, túlkomplex típusok, as kényszerítés.

Gyakori hibák

1) Túl sok any

interface User {
  id: number
  name: string
}

const fetchUser = async (id: number): Promise<User> => {
  const res = await fetch(`/api/users/${id}`)
  return res.json()
}

2) Nem megfelelő null kezelés

const getUserName = (user: User | null): string => {
  return user?.name ?? "Ismeretlen"
}

3) Típus és érték összekeverése

const STATUS = {
  ACTIVE: "active",
  INACTIVE: "inactive",
} as const

type Status = typeof STATUS[keyof typeof STATUS]

4) Túl bonyolult típusok

interface UpdateUserDto {
  name?: string
  email?: string
  age?: number
}

5) as túlhasználata

// Ha runtime validáció kell, használj sémát (pl. zod).
// Itt csak a minta:
const user = JSON.parse("{}") as unknown

any vs unknown

anyunknown
TípusellenőrzésKikapcsoltAktív
MetódushívásEngedélyezettEllenőrzés után
Biztonság

On this page