TypeScript难点-类作为参数

需求场景

• 当我们用工厂模式去生产实例化对象时，我们传给工厂方法的就是个类型定义或方法

• 代理，我们需要代理方法去实例化对象

工厂模式

class Animal {
  
}

class Bee extends Animal {
 
}

class Lion extends Animal {
  
}

// 这里还是个单例模式
class AnimalFactory {
  private static instance: AnimalFactory;

  private constructor() {};

  static getInstance(): AnimalFactory {
    if(!AnimalFactory.instance) {
      AnimalFactory.instance = new AnimalFactory();
    }

    return AnimalFactory.instance;
  }

  // 注意看这个方法的参数
  create<A extends Animal>(c: new () => A): A {
    return new c();
  }
}

代理

interface PageProps {
  component: typeof React.Component,
  pending: boolean,
  logged: boolean,
  [propName: string]: any
};

class IndexRouter extends React.Component<PageProps> {

  render() {
    const { component: Component, pending, logged, ...rest } = this.props
    
    return (
      <Route {...rest} render={props => {
        if (pending) return <div>Loading...</div>
        return logged
          ? <Component {...props} />
          : <Redirect to="/auth/login" />
      }} />
    )
  }
}