这个 TypeScript 类型应该怎么写?

[rabbbit]

大致过程就是检查 b 上有没有和 a 相同的属性,如果有就赋值给 a.

interface A {
  foo: string;
  bar: number;
};
const a: A = {
  foo: 'a',
  bar: 1,
};

interface B extends Partial<A> {
  [propName: string]: any;
}
const b: B = {
  foo: 'b',
  bar: 2,
  c: 3,
};

for (const key of Object.keys(a)) {
  if (b[key]) {
    a[key] = b[key]; // 报错: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'A'.
  }
}

for (const key of Object.keys(a)) {
  const k = key as keyof typeof a;
  if (b[k]) {
    a[k] = b[k]; // 报错: Type 'string | number' is not assignable to type 'never'.
  }
}

除了像下面这样给 A 加上 [propName: string] 之外还有别的解决办法吗?

interface A {
  [propName: string]: string|number;
  foo: string,
  bar: number,
};

[blindie]

let merged = {...a, ...b} ?

[rabbbit]

@blindie
这么写应该不行, b 上可能有 a 没有的属性.

[noe132]

a[k] = b[k] 目前是无法做到 sound 的。
本质上是 ts 无法对 union key 做 narrow 。
https://github.com/microsoft/TypeScript/issues/13995

假设你有这么一个函数，能够通过编译检查（在 ts3.4 之前是可以通过检查的）
const write = <K extends keyof A>(obj:A, key: K, value: A[K]) {
obj[key] = value
}

write(a, 'foo', 1) 是完全符合这个函数的类型声明的。

左值如果类型是个集合，那么类型是集合所有元素的交集。
以 a[key] 为例 string & number 得到的结果就是 never 。

实际上，缺少的是类似 oneof 这样的操作符，将 K 限定在集合中的某一项。

目前只能使用 (a as any)[key] = b[key] 的方式绕过。类型的健全就必须靠你自己保证。

[blindie]

@rabbbit 你既然两个都是 interface 按照 duck typing 的思想没有影响照用呗