instanceof(TypeScript)

// 問題1. 型ガードを行おう（in）
type User = {
  name: string
}

type AdminUser = User & {
  admin: boolean
}

const judgeAdmin = (inputUser: User | AdminUser) => {
  // この下に解答してください
  if ('admin' in inputUser) {
    return 'AdminUserです'
  }
}

const user: AdminUser = {
  name: 'Taro',
  admin: true
}

console.log(judgeAdmin(user))

// 問題2. 型ガードを行おう（instanceof）
class User2 {
  constructor(public name: string) {}
}

class AdminUser2 extends User2 {
  constructor(name: string, public admin: boolean) {
    super(name)
  }
}

const judgeAdmin2 = (inputUser2: User2 | AdminUser2) => {
  // この下に解答してください
  if (inputUser2 instanceof AdminUser2) {
    return 'AdminUser2です'
  }
}

const user2 = new AdminUser2('Taro', true)

console.log(judgeAdmin2(user2))


// 問題1. 型ガードを行おう（in）
type User = {
  name: string
}

type AdminUser = User & {
  admin: boolean
}

const judgeAdmin = (inputUser: User | AdminUser) => {
  // この下に解答してください
  return 'AdminUserです'
}

const user: AdminUser = {
  name: 'Taro',
  admin: true
}

console.log(judgeAdmin(user))

// 問題2. 型ガードを行おう（instanceof）
class User2 {
  constructor(public name: string) {}
}

class AdminUser2 extends User2 {
  constructor(name: string, public admin: boolean) {
    super(name)
  }
}

const judgeAdmin2 = (inputUser2: User2 | AdminUser2) => {
  // この下に解答してください
  return 'AdminUser2です'
}

const user2 = new AdminUser2('Taro', true)

console.log(judgeAdmin2(user2))


型ガード（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選〜