40

我想定义一个ExcludeCart<T>本质上但删除T了给定键（在我的情况下为）的泛型类型。cart因此，例如，ExcludeCart<{foo: number, bar: string, cart: number}>将是{foo: number, bar: string}. 有没有办法在 TypeScript 中做到这一点？

这就是我要这样做的原因，以防万一我找错了树：我正在将现有的 JavaScript 代码库转换为 TypeScript，其中包含一个名为的装饰器函数，该函数cartify接受一个 React 组件类Inner并返回另一个组件类Wrapper。

Inner应该带一个cart道具，以及零个或多个其他道具。Wrapper接受一个cartClient道具（用于生成cart要传递给的道具Inner），以及任何Inner接受的道具，除了 cart.

换句话说，一旦我知道如何定义ExcludeCart，我想用它来做这个：

function cartify<P extends {cart: any}>(Inner: ComponentClass<P>) : ComponentClass<ExcludeCart<P> & {cartClient: any}>
4

6 回答 6

67

TypeScript 3.5 更新：该Omit<Type, Keys>实用程序类型现在可用。有关示例用法，请参阅Mathias 的答案。

旧答案：自从TypeScript 2.8和引入以来Exclude，现在可以这样写：

type Without<T, K> = {
    [L in Exclude<keyof T, K>]: T[L]
};

或者，更简洁地说，如：

type Without<T, K> = Pick<T, Exclude<keyof T, K>>;

为了您的使用，您现在可以编写以下内容：

type ExcludeCart<T> = Without<T, "cart">;
于 2018-06-18T23:35:04.630 回答
37

虽然这已得到正确回答，但我想指出TypeScript 3.5确实添加了一个Omit<T, E>类型。

type NoCart = Omit<{foo: string, bar: string, cart: number}, "cart">;

这导致{foo: string, bar: string}类型。

于 2019-10-22T21:58:45.500 回答
13

虽然没有内置的减法类型，但您目前可以破解它：

type Sub0<
    O extends string,
    D extends string,
> = {[K in O]: (Record<D, never> & Record<string, K>)[K]}

type Sub<
    O extends string,
    D extends string,
    // issue 16018
    Foo extends Sub0<O, D> = Sub0<O, D>
> = Foo[O]

type Omit<
    O,
    D extends string,
    // issue 16018
    Foo extends Sub0<keyof O, D> = Sub0<keyof O, D>
> = Pick<O, Foo[keyof O]>

在问题的情况下，你会这样做：

type ExcludeCart<T> = Omit<T, 'cart'>

使用 TypeScript >= 2.6，您可以将其简化为：

/**
 * for literal unions
 * @example Sub<'Y' | 'X', 'X'> // === 'Y'
 */
export type Sub<
    O extends string,
    D extends string
    > = {[K in O]: (Record<D, never> & Record<string, K>)[K]}[O]

/**
 * Remove the keys represented by the string union type D from the object type O.
 *
 * @example Omit<{a: number, b: string}, 'a'> // === {b: string}
 * @example Omit<{a: number, b: string}, keyof {a: number}> // === {b: string}
 */
export type Omit<O, D extends string> = Pick<O, Sub<keyof O, D>>

在操场上测试

于 2017-12-04T22:34:46.237 回答
2

还有另一种非常简单的方法可以得到这个结果

在打字稿中组合类型时，类型“从不”对所有内容具有更高的优先级。

您可以简单地创建一个类型：

type noCart<T> = T & {cart : never}

或者，不创建类型

function removeCart<T>(obj : T) : T & {cart : never} {
    if("cart" in obj) {
        delete (obj as T & {cart : any}).cart;
    }
    return <T & {cart : never}> obj;
}

这不像 Adrian 的解决方案那样通用，但是当我们不需要复杂性时会更简单一些。

于 2019-08-05T17:18:45.343 回答
1

更新：有关此问题的解决方案，请参阅上面的 Adrian 回答。我在这里留下了我的答案，因为它仍然包含一些有用的链接。

对此功能有各种旧要求（“outersection”类型、减法类型），但没有一个真正取得进展。

最近，随着映射类型的添加，我再次询问了这个问题，Anders 说虽然没有计划制作通用减法类型运算符，但可能会实现一个更有限的版本，大概看起来像这个提案。

在使用 React 时，我个人遇到过与您非常相似的情况，但遗憾的是无法找到任何好的解决方案。在一个简单的情况下，您可以摆脱类似的情况：

interface BaseProps {
    foo: number;
    bar: number;
}

interface Inner extends BaseProps {
    cart: Cart;
}

interface Wrapper extends BaseProps {
    cartClient: Client;
}

extends但我几乎发现这是对关键字的语义滥用。当然，如果你不控制Inneror的类型BaseProps，那么这是行不通的。

于 2017-01-05T05:15:58.150 回答
0

因此，例如， ExcludeCart<{foo: number, bar: string, cart: number}> 将是 {foo: number, bar: string}

您可以使用Exclude语法直接执行此操作：

Exclude<{foo: number, bar: string, cart: number}, { cart: number}>
于 2019-10-04T19:58:56.727 回答