代码之家 › 专栏 › 技术社区 › JulienRioux

从Typescript接口用空键值初始化对象

mocking interface types typescript javascript

JulienRioux · 技术社区 · 6 年前

interface 将存储初始空值的:

// Interface I'm looking to mock
interface IMyInterface {
  name: string;
  posts: string[];
}

从这个接口,我需要根据接口键和类型用初始值初始化一个对象,比如:

const initObjFromInterface = (interface: any) =>Â {
  // do something
  return initObject;
}

const initializedObj = initObjFromInterface(IMyInterface);

注意,我不知道作为参数传递的接口的键 initObjFromInterface 功能!

initobjfrom接口

console.log(initializedObj);

/* should output:
{
  name: "",  // empty string
  posts: []  // empty array
}
*/

0 回复 | 直到 6 年前

Józef Podlecki 6 年前

你不能像评论中说的那样做。

const emptyObject: IMyInterface = {
  name: '',
  posts: []
}

并将一些唯一值传递给函数,以便它可以确定要获取接口的哪个空对象。

const initObjFromInterface = <T>(interfaceName: string) => {
  if(interfaceName === "IMyInterface") {
    return emptyObject as any as T;
  }

  return {} as T;
}

我相信上面的代码可以设计得更好(也许是类型保护和类型推断)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前