我有这个代码样本,用来测试TypeScrip中的Mixin.然而,它没有返回我预期的结果.

它应该给我User ({"id":3,"name":"Lorenzo Delaurentis"})分.

相反,我得到的是:Function ({"id":3,"name":"Lorenzo Delaurentis"}).

let Name = Class.constructor.name线应该给我打User分,但事实并非如此.我是不是漏掉了什么明显的东西?

type ClassConstructor<T> = new(...args: any[]) => T

function withDebug<C extends ClassConstructor<{
    getDebugValue(): object
}>>(Class: C) {
    return class extends Class {
        constructor(...args: any[]) {
            super(...args)
        }

        debug() {
            let Name = Class.constructor.name
            let value = this.getDebugValue()
            return `${Name} (${JSON.stringify(value)})`
        }
    }
}

class DebugUser {
    constructor(
        private id: number,
        private firstName: string,
        private lastName: string
    ) {}

    getDebugValue() {
        return {
            id: this.id,
            name: `${this.firstName} ${this.lastName}`
        }
    }
}

let User = withDebug(DebugUser)
let user = new User(3, 'Lorenzo', "Delaurentis")
console.log(user.debug())

另外,我的数据是tsc mixins --target ES6分.否则,我会得到一个错误:error TS2339: Property 'name' does not exist on type 'Function'.

推荐答案

你只想要Class.name美元.Class.constructorFunction.

Javascript相关问答推荐

如何获取转换字节的所有8位?

Bootstrap动态选项卡在切换选项卡后保持活动状态,导致元素堆叠

Msgraph用户邀请自定义邮箱模板

如果Arrow函数返回函数,而不是为useEffect返回NULL,则会出现错误

如何在ASP.NET中使用Google Charts API JavaScript将条形图标签显示为绝对值而不是负值

如何强制Sphinx中的自定义js/css文件始终加载更改而不缓存?

我怎么在JS里连续加2个骰子的和呢?

Next.js服务器端组件请求,如何发送我的cookie token?

如何在Angular拖放组件中同步数组?

如何在FastAPI中为通过file:/URL加载的本地HTML文件启用CORS?

在JS中动态创建对象,并将其追加到HTML表中

<;img>;标记无法呈现图像

警告框不显示包含HTML输入字段的总和

不同表的条件API端点Reaction-redux

无法使用npm install安装react-dom、react和next

select 2-删除js插入的项目将其保留为选项

如何使用Reaction路由导航测试挂钩?

错误400:当我试图在React中使用put方法时,该字段是必需的

JS/css:将数字输入的S函数和可调整大小的元素S函数绑定在一起

此上下文在JavaScript中