对象字面量与构造函数定义对象的交互及类型疑问

云上老周

2026-7-14

TypeScript 类型与实例问题解答

问题代码

interface IFoo {
    code: number;
    name: string;
}

export const initialFooConfig: IFoo = {
    code: 12,
    name: "bar"
}

class Bar implements IFoo { 
    code: number;
    name: string;

    constructor(code: number, name: string) { 
        this.code = code;
        this.name = name;
    }
}

export const initialBarConfig = new Bar(12,"bar");

问题解答

1. 赋值`bar = initialFooConfig`后，`bar`的类型与实际值是什么？

首先编译阶段会直接报错：IFoo类型的字面量对象不能赋值给Bar类型的变量。因为Bar是类，它的实例除了满足IFoo的属性要求外，还属于Bar这个具体类型，而普通字面量对象只是实现了IFoo接口，并不具备Bar实例的身份特征。

如果强行用类型断言（比如bar = initialFooConfig as unknown as Bar）绕过编译检查，运行时bar的实际值还是字面量对象，不是Bar的实例。TypeScript的类型注解是编译时的静态检查，不会改变运行时对象的本质——initialFooConfig从始至终都是普通对象，没有Bar的原型链关联，也不是通过new Bar()创建的。

2. 若`initialFooConfig`非const，它和`initialBarConfig`的核心区别？

两者的本质差异体现在运行时原型链和类型归属上：

原型链与实例身份：initialBarConfig是Bar类的实例，它的原型指向Bar.prototype，用initialBarConfig instanceof Bar会返回true；而initialFooConfig是普通对象，原型指向Object.prototype，instanceof Bar返回false。
类型兼容性：initialBarConfig属于Bar类型，同时兼容IFoo接口（因为Bar实现了IFoo）；但initialFooConfig是IFoo类型，无法直接赋值给Bar类型变量（除非用类型断言）。
扩展能力：如果Bar类后续添加了方法（比如sayHello() { ... }），initialBarConfig可以直接调用这些方法，而initialFooConfig不行——它只是个普通对象，没有类方法的挂载。