TypeScript中如何将对象转换/断言为类类型并保留默认属性值？

嘿，我太懂你遇到的这个坑了！你肯定已经发现了——单纯用as Product做类型断言根本达不到想要的效果对吧？因为TypeScript的类型断言只是编译时的类型提示，运行时那个{Label:'Laptop'}还是个普通对象，不会自动补上Product类里定义的默认值，你要是访问laptop.Price只会得到undefined。

那该怎么让对象真正拥有Product的所有属性（包括默认值）呢？这里有几种靠谱的方案：

方案1：给类加一个接收部分属性的构造函数 #

这是最常用的方式，直接修改Product类的构造函数，让它支持传入可选的初始化参数，然后把参数合并到实例上：

export class Product {
  Price: number = 20;
  Label: string = "No name";
  Details: string = "no desc";

  // 使用Partial<Product>让所有属性变成可选的
  constructor(init?: Partial<Product>) {
    // 把传入的属性覆盖到实例上，没传的保留默认值
    Object.assign(this, init);
  }
}

// 这样使用就可以得到完整的实例了：
let laptop = new Product({ Label: 'Laptop' });
console.log(laptop); 
// 输出：{ Price: 20, Label: 'Laptop', Details: 'no desc' }

方案2：手动创建实例+合并属性 #

如果不想修改原类的构造函数，也可以手动创建一个Product实例，再用Object.assign把部分属性合并进去：

export class Product {
  Price: number = 20;
  Label: string = "No name";
  Details: string = "no desc";
}

// 先创建带默认值的实例，再合并自定义属性
let laptop = Object.assign(new Product(), { Label: 'Laptop' });
// 同样能得到完整的Product实例

方案3：封装工厂函数（适合多次创建的场景） #

如果需要频繁创建这类实例，可以封装一个工厂函数，把逻辑抽离出来：

export class Product {
  Price: number = 20;
  Label: string = "No name";
  Details: string = "no desc";
}

function createProduct(init?: Partial<Product>): Product {
  const productInstance = new Product();
  if (init) {
    Object.assign(productInstance, init);
  }
  return productInstance;
}

// 使用工厂函数创建：
let laptop = createProduct({ Label: 'Laptop' });
let phone = createProduct({ Price: 50, Label: 'Smartphone' });

关键提醒 #

别再依赖单纯的类型断言啦！as Product只会让TypeScript编译器停止报错，但不会改变对象的实际结构。只有通过实例化类+合并属性的方式，才能在运行时真正得到带有所有默认值的Product对象。

内容的提问来源于stack exchange，提问作者Bellash