!(Non null assertion operator)

// 問題1. 型を限定して組み込み関数を使用しよう
const getLowerCase = (input: string | undefined) => {
  // この下に解答してください
  const lowerCase = input!.toLowerCase()
  console.log(lowerCase)
}
getLowerCase('ABC')

// 問題2. 型を限定してDOM要素にフォーカスしよう
const focusInput = () => {
  // この下に解答してください
  document.getElementById('input')!.focus()
}


// 問題1. 型を限定して組み込み関数を使用しよう
const getLowerCase = (input: string | undefined) => {
  // この下に解答してください
  const lowerCase = input.toLowerCase()
  console.log(lowerCase)
}
getLowerCase('ABC')

// 問題2. 型を限定してDOM要素にフォーカスしよう
const focusInput = () => {
  // この下に解答してください
  document.getElementById('input').focus()
}


!でゴリ押し

any型

anyでゴリ押し

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

as anyでゴリ押し

asでゴリ押し

?(optional chaining)

?(optional parameter)

オプショナルチェーンやオプション引数でゴリ押し

【演習】ゴリ押し

TypeScriptコース

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

「ゴリ押しTypeScript〜とりあえずエラーを解消してみよう〜」レッスンの総復習クイズです。