Typescript 实践中问题总结

关于类型收缩

摘取案例出处

类型断言

interface Foo {
   
  bar: number;
  bas: string;
}

const foo = {
   } as Foo;
foo.bar = 123;
foo.bas = 'hello';

类型守卫

• typeof

function doSome(x: number | string) {
   
  if (typeof x === 'string') {
   
    // 在这个块中，TypeScript 知道 `x` 的类型必须是 `string`
    console.log(x.subtr(1)); // Error: 'subtr' 方法并没有存在于 `string` 上
    console.log(x.substr(1)); // ok
  }

  x.substr(1); // Error: 无法保证 `x` 是 `string` 类型
}

• instanceof

class Foo {
   
  foo = 123;
  common = '123';
}

class Bar {
   
  bar = 123;
  common = '123';
}

function doStuff(arg: Foo | Bar) {
   
  if (arg instanceof Foo) {
   
    console.log(arg.foo); // ok
    console.log(arg.bar); // Error
  }else{
   
    // 这个块中，一定是 'Bar'
    console.log(arg.foo); // Error
    console.log(arg.bar); // ok
  }
}

doStuff(new Foo());

• in

interface A {
   
  x: number;
}

interface B {
   
  y: string