刚接触 typescript,如何将类通过方法导出? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
zy445566
V2EX    程序员

刚接触 typescript,如何将类通过方法导出?

  •  
  •   zy445566
    zy445566 2020-02-03 12:40:57 +08:00 3935 次点击
    这是一个创建于 2082 天前的主题,其中的信息可能已经有所发展或是发生改变。
    type ClassA = class aaa{} function getClassA():typeof ClassA { return ClassA } 

    主要是为了统一入口动态导出类,但发现这样在另一个文件 Promise<classa>报,把值作为类使用。各位大佬怎么搞?</classa>

    第 1 条附言    2020-02-03 14:14:33 +08:00
    感觉是另一个问题,如何将类动态导出,而不是类的引用动态导出
    第 2 条附言    2020-02-03 21:49:11 +08:00
    我主要是为了给第二个文件做推导,实例本来就是可以生成的
    第 3 条附言    2020-02-04 09:27:05 +08:00
    目前放弃了,用 any 顶一顶了
    21 条回复    2020-02-04 09:57:44 +08:00
    oott123
        1
    oott123  
       2020-02-03 12:44:44 +08:00 via Android
    Promise<typeof ClassA> 哇
    zy445566
        2
    zy445566  
    OP
       2020-02-03 12:49:37 +08:00
    @oott123
    ```js
    function bbb():Promise<typeof ClassA> {
    return new ClassA()
    }

    ```
    不行,比如上面会报类型不一致
    maichael
        3
    maichael  
       2020-02-03 12:57:56 +08:00
    @zy445566 #2 你这个返回的怎么会是 Promise 呢,又不是 async 包装,而且 ClassA() 和 ClassA 肯定是两个东西。
    zy445566
        4
    zy445566  
    OP
       2020-02-03 13:02:27 +08:00
    @maichael
    ```js
    function bbb():Promise<typeof ClassA> {
    return Promise.resolve(new ClassA())
    }
    ```
    之前试过,回帖代码写快了,一样是报类型不一致
    maichael
        5
    maichael  
       2020-02-03 13:08:31 +08:00
    @zy445566 #4 你这个用直接用 ClassA,不要用 typeof ClassA
    zy445566
        6
    zy445566  
    OP
       2020-02-03 13:13:12 +08:00
    @maichael 那又回到了最初的问题 ClassA refers to a value, but is being used as a type here. ts(2749)。
    报 ClassA 不是一个类,而是一个值,我感觉是 ts 没把 ClassA 在另一个文件注册为类导致的
    maichael
        7
    maichael  
       2020-02-03 13:17:45 +08:00
    @zy445566 #6 用 InstanceType<ClassA>
    zy445566
        8
    zy445566  
    OP
       2020-02-03 13:33:06 +08:00
    @maichael 没明白,能写一段么
    codehz
        9
    codehz  
       2020-02-03 13:57:33 +08:00
    (那个,其实你直接写的话
    返回值不用标记的。。。
    然后 vscode 鼠标移动上去看自动推导的类型
    zy445566
        10
    zy445566  
    OP
       2020-02-03 14:10:06 +08:00
    @codehz 不行,推导结果是: Promise<unknown>
    MrJeff
        11
    MrJeff  
       2020-02-03 14:21:00 +08:00
    ```
    type ClassA = class aaa{} class 声明的时候自带类型 不用再 typ
    直接这样就行了
    class ClassA {};
    ```
    zy445566
        12
    zy445566  
    OP
       2020-02-03 14:25:18 +08:00
    @MrJeff 这其实是我写错了,我其实就是要把这个类在另一个文件使用,且这个类必须通过方法来导出
    zy445566
        13
    zy445566  
    OP
       2020-02-03 14:27:22 +08:00
    @MrJeff 就是不通过 export 通过统一入口的一个方法来导出,我还尝试了
    ```js
    getClassA():new ()=> ClassA{
    return ClassA
    }
    ```
    也无法实现动态导出
    Kaakira
        14
    Kaakira  
       2020-02-03 16:21:15 +08:00
    @zy445566 这样是可以的 a~
    const anOnymousA= new (getClassA())();
    fy136649111
        15
    fy136649111  
       2020-02-03 16:32:01 +08:00
    ```
    class aaa {

    }

    async function getClassA(): Promise<typeof aaa> {
    return aaa
    }

    (async () => {
    const b = new (await getClassA())();
    console.log(b);
    })()

    ```
    大概这样?
    zy445566
        16
    zy445566  
    OP
       2020-02-03 21:48:27 +08:00 via Android
    @Kaakira 我主要是为了给第二个文件做推导,实例本来就是可以生成的
    zy445566
        17
    zy445566  
    OP
       2020-02-03 21:49:01 +08:00 via Android
    @fy136649111 我主要是为了给第二个文件做推导,实例本来就是可以生成的
    islxyqwe
        18
    islxyqwe  
       2020-02-04 08:52:37 +08:00
    写个伪代码
    declare function requireClassA():Promise<typeof ClassA>;
    async ()=>{
    const c = await requireClassA();
    const b:InstanceType<typeof c> =new a();
    }
    islxyqwe
        19
    islxyqwe  
       2020-02-04 09:08:48 +08:00
    上面写错了点东西,看得懂就好(
    平时你写 classA{},这个文件里就出现了一个 classA 的构造器值和一个 classA 的类型是实例的类型,
    用方法返回的肯定只能是一个值,按你的导出,导出的是这个构造器
    typeof 这个值获得的当然是构造器的类型,不是实例的
    实例的类型用 InstanceType 泛型获取
    zy445566
        20
    zy445566  
    OP
       2020-02-04 09:26:26 +08:00 via Android
    @islxyqwe 好吧,如果我希望 promise 接收的是实例而不是类呢?
    noe132
        21
    noe132  
       2020-02-04 09:57:44 +08:00
    要分清楚类型和值

    class A {}
    const a = new A()

    其中 a 是值,代表 A 的实例
    A 既是值也是类型,作为值的时候代表 A 本身,作为类型时代表 A 的实例类型
    A(值)本身的类型呢? typeof A
    怎么通过类的类型获取实例类型? InstanceType<T>

    class A {}
    const a: A = new A();

    type AClassType = typeof A // 类的类型
    const B: AClassType = A;
    const a2: A = new B();
    const a3: InstanceType<AClassType> = new A();

    type Factory = () => A;
    const factory: Factory = () => new A();

    type Factory2 = <T extends { new(...p: any): any }>(c: T) => InstanceType<T>;
    const factory2: Factory2 = (C) => new C();

    const a4: A = factory2(A);
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2748 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 38ms UTC 14:41 PVG 22:41 LAX 07:41 JFK 10:41
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86