如何在打字稿中组合对象属性？

Question

我想知道最好的方法，比如我有两个物体

var objectA = {
    propertyA: 1,
    propertyB: 2
    ...
    propertyM: 13
}

var objectB = {
    propertyN: 14,
    propertyO: 15
    ...
    propertyZ: 26
}

如果objectC由创建

var objectC = Object.assign(objectA, objectB);

我如何声明/描述objectC，以便编译器/IDE知道它同时具有objectA和objectB的属性？

我想找到一种不需要为objectA和objectB定义接口的方法。我不想为同一个属性写两次声明和定义/求值。如果我在一个对象上有太多的属性，这种冗余是很重要的。

（是否有一个运算符可以提取现有对象的接口/类型？）

可能吗？

Answer 1

所以编译器/IDE 知道它同时具有对象 A 和对象 B 的属性？

使用交集类型泛型。例如从这里

/**
 * Quick and dirty shallow extend
 */
export function extend<A>(a: A): A;
export function extend<A, B>(a: A, b: B): A & B;
export function extend<A, B, C>(a: A, b: B, c: C): A & B & C;
export function extend<A, B, C, D>(a: A, b: B, c: C, d: D): A & B & C & D;
export function extend(...args: any[]): any {
    const newObj = {};
    for (const obj of args) {
        for (const key in obj) {
            //copy all the fields
            newObj[key] = obj[key];
        }
    }
    return newObj;
};

这里提到了两者：https://basarat.gitbooks.io/typescript/content/docs/types/type-system.html

Answer 2

（是否有一个操作符可以提取现有对象的接口/类型？可能吗？）

你应该去类型。

type typeA = typeof objectA;
type typeB = typeof objectB;

要将它们合并，可以使用basarat已经指出的交叉操作。

type typeC = typeA & typeB

Answer 3

看起来这应该能解决问题：

var objectA = {
    propertyA: 1,
    propertyB: 2,
    .
    . // more properties here
    .
    propertyM: 13
};

var objectB = {
    propertyN: 14,
    propertyO: 15,
    .
    . // more properties here
    .
    propertyZ: 26
};

var objectC = {...objectA, ...objectB}; // this is the answer

var a = objectC.propertyA;

var n = objectC.propertyN;

基于本文:https://blog . mariusschulz . com/2016/12/23/typescript-2-1-object-rest-and-spread

此外，分解中变量的顺序也很重要。考虑以下内容：

var objectA = {
    propertyA: 1,
    propertyB: 2, // same property exists in objectB
    propertyC: 3
};

var objectB = {
    propertyX: 'a',
    propertyB: 'b', // same property exists in objectA
    propertyZ: 'c'
};

// objectB will override existing properties, with the same name,
// from the decomposition of objectA
var objectC = {...objectA, ...objectB}; 

// result: 'b'
console.log(objectC.propertyB); 

// objectA will override existing properties, with the same name,
// from the decomposition of objectB
var objectD = {...objectB, ...objectA}; 

// result: '2'
console.log(objectD.propertyB);