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

类型脚本类型推断、扩展语法和多类型返回

spread-syntax type-inference typescript

LazyHatIQ · 技术社区 · 7 年前

interface SkillProperty {
    [name: string] : number 
};

let skills: SkillProperty;

skills = {}; // ok

skills = { fire: 123 }; // ok

skills = {
    ...skills, // ok
    ...{}, // ok
    ...extraSkills() // {} | { ice: number } is not assignable to type 'SkillProperty'.
}

function extraSkills() {
    if (whatever) {
        return {};
    }
    return { ice: 321 };
}

我怎样才能改变我的 SkillProperty

1 回复 | 直到 6 年前

jcalz 7 年前

你的 SkillProperty 界面是实际上与兼容 {} | {ice: number}

let noSkills = {}
let iceSkills = { ice: 321 };
let randomSkills: {} | {ice: number} = (Math.random() < 0.5) ? noSkills : iceSkills
let maybeSkills: SkillProperty = randomSkills; // no error

在我看来,这就像是TypeScript中的一个bug。类似的 issue fixed this case 似乎持续存在。也许值得打开一个新的问题,并将其链接到现有的问题。

同时还有一些变通方法,如:

skills = {
  ...skills, // ok
  ...{}, // ok
  ...extraSkills() as SkillProperty // okay now
}

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前