Utility Types

interface Post {
  title: string
  body: string
  imageUrl: string
}
​
type PostFields = Partial<Post>
​
// เหมีอนกันกับ
interface PostFields {
  title?: string
  body?: string
  imageUrl?: string
}
​
function updatePost(post: Post, fields: PostFields) {
  ...
}
​
const post = { title: "...", body: "...", imageUrl: "..." }
​
// Update เฉพาะ Body ของ Post
const updatedPost = updatePost(post, { body: "..." }) 

// "เลือก" เฉพาะ Property title และ body
type PostTitleAndBody = Pick<Post, "title" | "body">
​
// เหมือนกันกับ
interface PostTitleAndBody {
  title: string
  body: string
}
​
function updatePost(post: Post, fields: PostTitleAndBody) { ... }
​
updatePost(post, { title: "...", body: "..." })

// ใช้ทุก Properties ของ Post "ยกเว้น" title
type PostDetails = Omit<Post, "title">
​
// เหมือนกันกับ
interface PostDetails {
  body: string
  imageUrl: string
}

type CodeName = "alpha" | "beta" | "charlie"
type Color = "red" | "green" | "blue" | "white" | "black"
​
// List ต้องเป็น Object ที่มีชี่อ Property เป็น CodeName 
// และ Value เป็น Object { color: Color }
type CodeWithColor = Record<CodeName, { color: Color }>
​
const codes: CodeWithColor = {
  alpha: { color: "blue" }
  beta: { color: "red" }
}

// (a: number, b: number) => number
function sum(a: number, b: number) { return a + b }
​
type SumParams = Parameters<sum> // ❌ ต้องใช้ Type ไม่ใช่ใส่ function เข้าไปโดยตรง
type SumParams = Parameters<typeof sum> // ✅ ใช้ typeof เพื่อดึง Type จาก function
​
// เหมือนกันกับ
type SumParams = [a: number, b: number] // Tuple ที่มี 2 ตัว

// (a: number, b: number) => number
function sum(a: number, b: number) { return a + b }
​
type SumReturn = ReturnType<typeof sum> // number
​
// (msg: string) => void
function log(msg) { console.log(`LOG : ${msg}`) }
​
type LogReturn = ReturnType<typeof log> // void