// 問題1. 関数の引数の型を修正しよう（union）
const numberOrStringFunction = (numberOrStringSample: number | string) => {
  console.log(numberOrStringSample)
}
numberOrStringFunction('name')
numberOrStringFunction(100)

// 問題2. 関数の引数の型を修正しよう（undefined）
const stringOrUndefinedFunction = (undefinedSample: string | undefined) => {
  if (typeof undefinedSample === 'undefined') {
    console.log('undefinedSampleの型はundefinedです。')
  } else {
    console.log(undefinedSample)
  }
}
stringOrUndefinedFunction(undefined)

// 問題3. 関数の引数の型を解消しよう
const notUndefinedFunction = (stringSample: string = 'abcde') => {
  if (typeof stringSample === 'undefined') {
    console.log('stringSampleの型はundefinedです。')
  } else {
    console.log(stringSample.toUpperCase())
  }
}
notUndefinedFunction()


Union型

undefined型

型ガード

// 問題1. 関数の引数の型を解消しよう（union）
const numberOrStringFunction = (numberOrStringSample: boolean) => {
  console.log(numberOrStringSample)
}
numberOrStringFunction('name')
numberOrStringFunction(100)

// 問題2. 関数の引数の型を解消しよう（undefined）
const stringOrUndefinedFunction = (undefinedSample: string) => {
  if (typeof undefinedSample === 'undefined') {
    console.log('undefinedSampleの型はundefinedです。')
  } else {
    console.log(undefinedSample)
  }
}
stringOrUndefinedFunction(undefined)

// 問題3. 関数の引数の型を解消しよう
const notUndefinedFunction = (stringSample: number) => {
  if (typeof stringSample === 'undefined') {
    console.log('stringSampleの型はundefinedです。')
  } else {
    console.log(stringSample.toUpperCase())
  }
}
notUndefinedFunction()


関数の引数のエラーを解消してみよう3

引数・返り値の型定義

number型

string型

関数の引数のエラーを解消してみよう1

object型

array型

関数の引数のエラーを解消してみよう2

関数の戻り値に型をつけてみよう1

void型

関数の戻り値に型をつけてみよう2

type

関数の型を指定してみよう

「基本の型を使って、関数の型を理解しよう」レッスンの総復習クイズです。

基本の型を使って、関数の型を理解しようの総復習クイズ

基本の型を使って、関数の型を理解しよう

関数の引数のエラーを解消してみよう3

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