如何在JavaScript中向上转型以移除父类无定义的对象属性

在TypeScript/JavaScript中实现子类向父类的「自动转型」并移除额外属性，其实可以通过几种不同的思路来实现，不用手动逐个指定要保留的属性，下面是几个实用的方案：

1. 最简单的方式：利用父类构造函数重新实例化 #

这是最直接的方法，既然父类的构造函数只定义了它需要的属性，我们直接把子类实例中对应的属性传给父类构造函数，就能得到一个纯净的父类实例：

class ClassA {
  constructor(public a: string, public b: string) { }
}

class ClassB extends ClassA {
  constructor(public a: string, public b: string, public c: string) {
    super(a, b);
  }
}

const objB = new ClassB('a', 'b', 'c');
// 转型为ClassA实例
const objA = new ClassA(objB.a, objB.b);

console.log(objA); // 输出: ClassA { a: 'a', b: 'b' } —— 没有c属性

这个方法的优点是简单直观，而且得到的是严格的父类实例，不是普通对象。缺点是如果父类的构造函数参数很多，手动传参有点麻烦。

2. 通用工具函数：通过反射自动筛选父类属性 #

如果父类的属性较多，或者你希望这个逻辑能复用在多个类上，可以写一个通用工具函数，通过反射获取父类的自有属性，然后自动从子类实例中筛选出这些属性：

class ClassA {
  constructor(public a: string, public b: string) { }
}

class ClassB extends ClassA {
  constructor(public a: string, public b: string, public c: string) {
    super(a, b);
  }
}

/**
 * 将子类实例转型为父类实例，自动移除父类没有的属性
 * @param childInstance 子类实例
 * @param ParentClass 目标父类
 * @returns 纯净的父类实例
 */
function downcastToParent<Parent extends new (...args: any[]) => any>(
  childInstance: InstanceType<any>,
  ParentClass: Parent
): InstanceType<Parent> {
  // 获取父类实例的所有自有属性键（排除原型链上的属性）
  const parentPropertyKeys = Object.keys(new ParentClass());
  
  // 从子类实例中筛选出父类拥有的属性
  const parentProps: Record<string, any> = {};
  parentPropertyKeys.forEach(key => {
    if (childInstance.hasOwnProperty(key)) {
      parentProps[key] = childInstance[key];
    }
  });

  // 用筛选后的属性创建父类实例
  return new ParentClass(...Object.values(parentProps)) as InstanceType<Parent>;
}

// 使用示例
const objB = new ClassB('a', 'b', 'c');
const objA = downcastToParent(objB, ClassA);

console.log(objA); // 输出: ClassA { a: 'a', b: 'b' }

这个方法的优势是通用性强，不管父类有多少属性，都能自动适配，不用修改代码。需要注意的是：如果父类包含私有（private）或受保护（protected）属性，Object.keys可能无法获取到这些属性，此时需要调整逻辑，比如手动指定父类的公共属性列表。

3. 轻量方案：对象解构+类型断言（适合简单场景） #

如果只是需要一个结构符合父类的对象（不需要严格的父类实例），可以用对象解构配合TypeScript类型断言快速实现：

const objB = new ClassB('a', 'b', 'c');
// 只提取父类存在的属性
const { a, b } = objB;
// 断言为ClassA类型
const objA: ClassA = { a, b };

console.log(objA); // 输出: { a: 'a', b: 'b' }

这个方法的优点是代码简洁，缺点是不够灵活——如果父类的属性发生变化，你需要手动更新解构的字段。

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