如何根据对象属性值限制 vscode TypeScript IntelliSense 选项

这看起来像是TypeScrip的自动建议列表中的错误或限制.正如您所说，只要您指定type，编译器就会清楚地知道哪些值对于position是可接受的:

let myObj1: MyObject;
myObj1 = { type: 'a', position }
//                    ^^^^^^^^ 
// (property) position: "top" | "bottom"

但是你得到的是你的自动建议列表中所有可能的position个值的联合.

myObj1 = { type: 'a', position: "" }
// -----------------------------^
// ?: "bottom"
// ?: "left"
// ?: "right"
// ?: "top"

我找不到关于这一点的现有issue in GitHub；如果有人提交了一个，它可能会要求在输入其判别属性已经输入的discriminated union类型的值时，字符串literal types的自动完成/建议列表应该筛选为适用于相关联盟成员的列表.并为它作为设计限制而被关闭的可能性做好准备；事实证明，修复这个问题将在其他更常见的场景中 destruct 所需的行为.

无论如何，除非这一点改变，否则我只能建议变通办法.一种是使用generic帮助器函数通过判别式缩小输入类型，以便编译器甚至不能使用不适用的字符串文字类型:

const asMyObject = <K extends MyObject['type']>(
  obj: Extract<MyObject, { type: K }>
) => obj;
export const myObj: MyObject = asMyObject({
  type: 'b',
  position: '',
  // -------^
  // ?: "left"
  // ?: "right"
})

如果要这样做，不妨将它们拆分到多个参数中，这样对调用者来说可能更容易:

const asMyObject = <K extends MyObject['type']>(
  ...[type, position]: [
    type: K,
    position: Extract<MyObject, { type: K }>['position']
  ]) => ({ type, position });
  
export const myObj: MyObject =
  asMyObject('b', '');
  // --------------^
  // ?: "left"
  // ?: "right"

这两种方法都不是很好，但至少有可能影响建议列表.

Playground link to code个