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

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

似乎这应该做的伎俩:

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); 

Answer 2

尝试这个..

const person = { name: 'TRilok', gender: 'Male' };
const tools = { computer: 'Mac', editor: 'Atom' };
const attributes = { handsomeness: 'Extreme', hair: 'Brown', eyes: 'Blue' };

const summary = {...person, ...tools, ...attributes};

Answer 3

所以编译器/ IDE知道它具有objectA和objectB的属性？

使用交集类型+泛型.比如从这里开始

/**
 * 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 4

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

你应该去typeof。

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

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

type typeC = typeA & typeB

Answer 5

使用Typescript 展开运算符将其转换为 Javascript Object.assign()

如果您需要深度树对象合并，您可以使用最佳全局包的更改功能