Parameters

// 問題1. 関数の引数の型を取得してください(1)
const stringFunction = (arg: string) => {
  console.log(arg)
}

// この下に解答してください
type ParametersStringFunction = Parameters<typeof stringFunction>
const parametersStringFunction: ParametersStringFunction = ['Hello']

// 問題2. 関数の引数の型を取得してください(2)
const multipleFunction = (arg1: number, arg2: boolean) => {
  console.log(arg1)
  console.log(arg2)
}

// この下に解答してください
type ParametersMultipleFunction = Parameters<typeof multipleFunction>
const parametersMultipleFunction: ParametersMultipleFunction = [1, true]


// 問題1. 関数の引数の型を取得してください(1)
const stringFunction = (arg: string) => {
  console.log(arg)
}

// この下に解答してください
type ParametersStringFunction = any
const parametersStringFunction: ParametersStringFunction = ['Hello']

// 問題2. 関数の引数の型を取得してください(2)
const multipleFunction = (arg1: number, arg2: boolean) => {
  console.log(arg1)
  console.log(arg2)
}

// この下に解答してください
type ParametersMultipleFunction = any
const parametersMultipleFunction: ParametersMultipleFunction = [1, true]


ジェネリクス

Partial<T>

Partial

Required<T>

Required

Pick<T, K>

Pick

Omit<T, K>

interface Color {
  red: number
  green: number
  blue: number
}

type ColorWithoutBlue = Omit<Color, 'blue'>

const myColor: ColorWithoutBlue = {
  red: 100,
  green: 100
}

Omit

UtilityTypeを組み合わせる

【演習】特定の型を取得しよう

Exclude<T, U>

Exclude

Extract<T, U>

Extract

Readonly<T>

Readonly

NonNullable<T>

NonNullable

ReturnType

【演習】特定の型を取得しよう2

TypeScriptコース

【基礎中の基礎👼🏻】基本から抑えるTypeScript

「使えると便利！TypeScriptのUtilityType入門」レッスンの総復習クイズです。

使えると便利！TypeScriptのUtilityType入門の総復習クイズ

使えると便利！TypeScriptのUtilityType入門