Skip to main content

typeof 类型守卫

typeof 返回字符串

  • object
  • string
  • number
  • bigint
  • symbol
  • undefined
  • function

检查 typeof 返回值是一种类型保护

类型缩小​

将类型细化为比声明更具体的类型的过程

下面代码中 padding 的类型可以是 number 或者 string，下面代码段中的typeof padding === 'number'这个检查就是类型防护

function padLeft(padding: number | string, input: string): string {
  if (typeof padding === 'number') {
    return new Array(padding + 1).join(' ') + input
  } else {
    return padding + input
  }
}

真值缩小​

先了解一下 typerscript 中的 fasly 假值

  • 0
  • NaN
  • "" (空字符串)
  • 0n (bigint 的零)
  • null
  • undefined

下面的例子就是利用条件判断去进行真值缩小

function printAll(strs: string | string[] | null) {
  if (strs && typeof strs === 'object') {
    strs.forEach(s => {
      console.log(s)
    })
  } else if (typeof strs === 'string') {
    console.log(strs.concat('hello'))
  } else {
    // ...
  }
}

function getUserOnlineMessage(numUsersOnline: number) {
  if (numUsersOnline) {
    return `现在共有 ${numUsersOnline} 人在线`
  }
  return `现在没有人在线`
}

function multiplyAll(values: number[] | undefined, factor: number) {
  if (!values) {
    return values
  } else {
    return values.map(x => {
      return x * factor
    })
  }
}
console.log(multiplyAll([2, 3, 4], 3))