// 問題1. 関数の返り値の型を取得してください(1)
const stringFunction = () => {
  return 'Hello'
}

// この下に回答を記述してください
type ReturnTypeStringFunction = ReturnType<typeof stringFunction>
const returnTypeStringFunction: ReturnTypeStringFunction = 'World'

// 問題2. 関数の返り値の型を取得してください(2)
const multipleFunction = () => {
  return [1, true]
}

// この下に回答を記述してください
type ReturnTypeMultipleFunction = ReturnType<typeof multipleFunction>
const returnTypeMultipleFunction: ReturnTypeMultipleFunction = [2, false]


ReturnType

// 問題1. 関数の返り値の型を取得してください(1)
const stringFunction = () => {
  return 'Hello'
}

// この下に回答を記述してください
type ReturnTypeStringFunction = any
const returnTypeStringFunction: ReturnTypeStringFunction = 'World'

// 問題2. 関数の返り値の型を取得してください(2)
const multipleFunction = () => {
  return [1, true]
}

// この下に回答を記述してください
type ReturnTypeMultipleFunction = any
const returnTypeMultipleFunction: ReturnTypeMultipleFunction = [2, false]


ジェネリクス

Partial<T>

Partial

Required<T>

Required

Pick<T, K>

Pick

Omit<T, K>

Omit

UtilityTypeを組み合わせる

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

Exclude<T, U>

Exclude

Extract<T, U>

Extract

Readonly<T>

Readonly

NonNullable<T>

NonNullable

Parameters

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

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

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

type ColorWithoutBlue = Omit<Color, 'blue'>

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

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

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

ReturnType

まずは必要なスキルを確認しましょう！