TypeScript：在通用约束中使用类型参数

Question

TypeScript站点中的“ 在通用约束中使用类型参数 ”显示下面的示例代码。 但发生以下错误：

'类型'U [keyof U]'不能分配给'T [keyof U]'。 类型“U”不能分配给“T”类型。

function copyFields<T extends U, U>(target: T, source: U): T {
    for (let id in source) {
        target[id] = source[id];
    }
    return target;
}
let x = { a: 1, b: 2, c: 3, d: 4 };
copyFields(x, { b: 10, d: 20 });

事实上，这不会在Playground中运行。 代码有什么问题？

Answer 1

因为满足U的对象可能具有T不具有的附加字段，所以U不能分配给T是有道理的：

interface Foo { foo: number; }
interface Bar extends Foo { bar: number; }
interface Bar2 extends Foo { bar: string; }

function assign<T extends U, U>(b: U): T {
    const returnVal: T = b;  // error: Type 'U' is not assignable to type 'T'.
    return returnVal;
}

const bar2: Bar2 = { foo: 7, bar: "happy" };
assign<Bar, Foo>(bar2);

因此，由于U不能分配给T ，所以我们无法保证特定的U[keyof U]可分配给T[keyof U] 。

（我对这个解释没有100％的信心，但对我来说似乎有意义。）

---

但是，通过修改键入内容的方式，您可以编写一个按预期工作的copyFields版本， 如下所示 ：

function copyFields<T, K extends keyof T>(target: T, source: Pick<T, K>) {
    for (let id in source) {
        target[id] = source[id];
    }
    return target;
}