如何将自定义界面转换为记录？

Question

给定以下示例代码

interface MyInterface { foo: string; }

function doSomethingWith(x: Record<string, unknown>) { /* ... */ }

const myInterface: MyInterface = { foo: 'bar' };

doSomethingWith(myInterface);

不可能将变量传递给函数，因为

类型为“MyInterface”的参数不可分配给类型为“Record”的参数

我通过转换变量解决了这个问题

const myInterfaceAsRecord = （myInterface as unknown） as Record

想知道是否有“更好”的方法将接口传递给函数？




Answer 1

一个选项是从记录扩展接口：

interface MyInterface extends Record<string, unknown> { foo: string; }

function doSomethingWith(x: Record<string, unknown>) { /* ... */ }

const myInterface: MyInterface = { foo: 'bar' };

doSomethingWith(myInterface);

Answer 2

只需使用＜code＞类型＜/code＞而不是＜code＞接口＜/code＞

type MyInterface = { foo: string; }

function doSomethingWith(x: Record<string, unknown>) { /* ... */ }

const myInterface: MyInterface = { foo: 'bar' };

doSomethingWith(myInterface);

有关更多上下文，请参见此答案