リテラル型

// 問題1. 型ガードを行おう（リテラル型）
const getStatus = (status: 'success' | 'error') => {
  // この下に解答してください
  if (status === 'success') {
    return '成功しました'
  } else {
    return '無効なステータスです'
  }
}

console.log(getStatus('success'))
console.log(getStatus('error'))

// 問題2. User型の型ガードを実装してください
type User = {
  name: string
  age: number
}
// この下に解答してください
const isUser = (user: unknown): user is User => {
  if (typeof user === 'object') {
    const { name, age } = user as User
    return typeof name === 'string' && typeof age === 'number'
  }
  return false
}

const getUser = (input: unknown) => {
  if (isUser(input)) {
    return input.name
  } else {
    return 'User型ではありません'
  }
}

console.log(getUser({ name: 'Bob', age: 22 }))
console.log(getUser('John'))


// 問題1. 型ガードを行おう（リテラル型）
const getStatus = (status: 'success' | 'error') => {
  // この下に解答してください
  return '無効なステータスです'
}

console.log(getStatus('success'))
console.log(getStatus('error'))

// 問題2. User型の型ガードを実装してください
type User = {
  name: string
  age: number
}
// この下に解答してください
const isUser = (user: unknown) => {
  if (typeof user === 'object') {
    const { name, age } = user as User
    return typeof name === 'string' && typeof age === 'number'
  }
  return false
}

const getUser = (input: unknown) => {
  if (isUser(input)) {
    return input.name
  } else {
    return 'User型ではありません'
  }
}

console.log(getUser({ name: 'Bob', age: 22 }))
console.log(getUser('John'))


型ガード（リテラル型、ユーザー定義の型）

instanceof(TypeScript)

型ガード（in、instanceof）

?(optional chaining)

?(optional property)

オプショナルでnull安全なコーディングをしよう

unknown型

typeof(TypeScript)

unknown

Union型

ユニオンの絞り込み

APIレスポンスの型ガード(undefined)

APIレスポンスの型ガード(in)

型アサーション(asもしくは<>)

APIレスポンスのエラーハンドリング型ガード(unknown)

APIレスポンスのエラーハンドリング型ガード(typeof)

APIレスポンスのエラーハンドリング型ガード(instanceof)

TypeScriptコース

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

「ゴリ押ししないTypeScript 〜型ガードの使いどころ5選〜」レッスンの総復習クイズです。

ゴリ押ししないTypeScript 〜型ガードの使いどころ5選〜の総復習クイズ

ゴリ押ししないTypeScript 〜型ガードの使いどころ5選〜