Union型

undefined型

型ガード

// 問題1. Union型の引数①【number型とstring型が取れる引数】
// この下に回答を記述してください
const numberOrStringFunction = (numberOrStringSample: number | string) => {
  console.log(numberOrStringSample)
}
numberOrStringFunction('name')
numberOrStringFunction(100)

// 問題2. Union型の引数②【string型とundefined型が取れる引数】
// この下に回答を記述してください
const stringOrUndefinedFunction = (stringOrUndefinedSample: string | undefined) => {
  if (typeof stringOrUndefinedSample === 'undefined') {
    console.log('stringOrUndefinedSampleの型はundefinedです。')
  } else {
    console.log(stringOrUndefinedSample)
  }
}
stringOrUndefinedFunction('text')
stringOrUndefinedFunction(undefined)

// 問題3. 引数のデフォルト値
// この下に回答を記述してください
const notUndefinedFunction = (stringSample: string = 'abcde') => {
  if (typeof stringSample === 'undefined') {
    console.log('stringSampleの型はundefinedです。')
  } else {
    console.log(stringSample.toUpperCase())
  }
}
notUndefinedFunction('hello')
notUndefinedFunction()


// 問題1. Union型の引数①【number型とstring型が取れる引数】
// この下に回答を記述してください
const numberOrStringFunction = (numberOrStringSample: boolean) => {
  console.log(numberOrStringSample)
}
numberOrStringFunction('name')
numberOrStringFunction(100)

// 問題2. Union型の引数②【string型とundefined型が取れる引数】
// この下に回答を記述してください
const stringOrUndefinedFunction = (stringOrUndefinedSample: string) => {
  if (typeof stringOrUndefinedSample === 'undefined') {
    console.log('stringOrUndefinedSampleの型はundefinedです。')
  } else {
    console.log(stringOrUndefinedSample)
  }
}
stringOrUndefinedFunction('text')
stringOrUndefinedFunction(undefined)

// 問題3. 引数のデフォルト値
// この下に回答を記述してください
const notUndefinedFunction = (stringSample: number) => {
  if (typeof stringSample === 'undefined') {
    console.log('stringSampleの型はundefinedです。')
  } else {
    console.log(stringSample.toUpperCase())
  }
}
notUndefinedFunction('hello')
notUndefinedFunction()


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

引数・返り値の型定義

number型

string型

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

object型

array型

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

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

void型

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

type

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

TypeScriptコース

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

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

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

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