any、unknown 和 never 有什么区别

any

我们把对象设置为 any,编译时正常,运行时才会抛出异常

let v: any = 22
v = new Array()
v = "33"
v.push(33)
console.log(v);

为了避免写 any 运行时异常,unknown出场

unknown

let v: unknown = 22
v = new Array()
v.push(33) // Object is of type 'unknown'
console.log(v);

编译器并不能推断 unknown 类型,需要做类型判断

let v: unknown = 22
v = new Array()
if (v instanceof Array) {
     v.push(33)
}
console.log(v);

never

在穷尽的时候使用

借尤大的例子

intererface Foo {
  type: 'foo'
}

interface Bar {
  type: 'bar'
}

type All = Foo | Bar

在 switch 当中判断 type,TS 是可以收窄类型的 (discriminated union):

function handleValue(val: All) {
  switch (val.type) {
    case 'foo':
      // 这里 val 被收窄为 Foo
      break
    case 'bar':
      // val 在这里是 Bar
      break
    default:
      // val 在这里是 never
      const exhaustiveCheck: never = val
      break
  }
}

注意在 default 里面我们把被收窄为 never 的 val 赋值给一个显式声明为 never 的变量。
如果一切逻辑正确,那么这里应该能够编译通过。
但是假如后来有一天你的同事改了 All 的类型:

type All = Foo | Bar | Baz

然而他忘记了在 handleValue 里面加上针对 Baz 的处理逻辑,这个时候在 default branch 里面 val 会被收窄为 Baz,导致无法赋值给 never,产生一个编译错误。
所以通过这个办法,你可以确保 handleValue 总是穷尽 (exhaust) 了所有 All 的可能类型。

上一篇:前端 文件 .eslintrc.js 的配置


下一篇:[LeetCode] 1095. Find in Mountain Array