TypeScript函数：从其参数中省略某些键并添加其他键

Question

TypeScript函数：从其参数中省略某些键并添加其他键

typescripttypescript-typings

4

我正在编写一个函数，其职责是将原始的API响应转换为更易于在我的应用程序中使用的形状（让我们称之为“漂亮”的响应）。

根据TS编译器，下面的代码是有效的，但我希望它抱怨我在返回之前没有从原始响应中删除“metadata”键，因为“metadata”存在于“RawResponse”中，但不存在于“PrettyResponse”中。

我认为我的“Optionalize”类型会为我做这件事，但似乎没有起作用。

我在这里误解了什么？

以下是TS Playground链接以作说明。

// Omit from T the keys in common with K
type Optionalize<T extends K, K> = Omit<T, keyof K>;

interface RawResponse {
    data: [];
    metadata: Object;
}

type PrettyResponse<T extends RawResponse> = Optionalize<T, RawResponse> & {
    data: [];
    version: string;
};

/**
 * Take a raw api response and transform it into a pretty one.
 * All raw responses have at least the keys of RawResponse. 
 */
function parseResponse<T extends RawResponse>(response: T): PrettyResponse<T> {
    const result = Object.assign({}, response, {
        version: '123'
    });
    // Shouldn't I have to delete result.metadata before returning?
    return result;
}

以下是使用它的示例：

interface MyResponse {
    data: [];
    name: string;
    category: string;
    other?: number;
    metadata: Object;
}

const response: MyResponse = {
    data: [],
    name: 'a',
    category: 'blah',
    metadata: {}
}

const myPrettyResponse: PrettyResponse<MyResponse> = parseResponse<MyResponse>(response);

注意：我的同事指出这可能是由于Typescript使用结构子类型，但我仍然期望Optionalize<T, RawResponse>的显式返回定义可以移除metadata键。

- jamis0n

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- satanTime · Accepted Answer

我认为你需要在MyResponse中添加metadata: never，这样它就会不断地提示你将其删除（设置为未定义）。

interface RawResponse {
    data: [];
    metadata: Object;
}

type BannedKeys = 'metadata';

type PrettyResponse<T> = Omit<T, BannedKeys> & Record<BannedKeys, never> & {
    version: string;
}

function parseResponse<T extends RawResponse>(response: T): PrettyResponse<T> {
    const updatedResponse: PrettyResponse<T> = {
        ...response,
        version: '123',
        metadata: undefined, // if you comment it - it will ask to delete it.
    }

    return updatedResponse;
}

interface MyResponse {
    data: [];
    name: string;
    category: string;
    other?: number;
    metadata: Object;
}

const response: MyResponse = {
    data: [],
    name: 'a',
    category: 'blah',
    metadata: {}
}

const myPrettyResponse: PrettyResponse<MyResponse> = parseResponse<MyResponse>(response);

myPrettyResponse.metadata // is undefined.