首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用类型记录声明类型,但Javascript内部使用错误类型

使用类型记录声明类型,但Javascript内部使用错误类型
EN

Stack Overflow用户
提问于 2020-02-05 08:15:01
回答 1查看 401关注 0票数 0

我对打字和教育录影带很陌生。昨天我发现了一种奇怪的行为,认为这是个错误。示例:

代码语言:javascript
复制
const json = '{"x": 10, "y":10}';
const coordinates: { x: number; y: number } = JSON.parse(json);

console.log(typeof coordinates.y);

这通常输出x和y作为类型号。但这不是因为类型声明,而是因为JSON值。如果您将其中一个声明为String,VS Code将其视为字符串,但在内部它将保留一个数字:

代码语言:javascript
复制
const json = '{"x": 10, "y":10}';
const coordinates: { x: number; y: string } = JSON.parse(json);

console.log(typeof coordinates.y);

这是代码:

如您所见,VS代码将其视为字符串

但是类型检查证明这是不正确的。

在我看来,解析后的对象/数组具有任意类型是有意义的。但是,如果解析的JSON-值与您的注释不同,则应该向您传递一个错误消息,或者它应该使给定的值与注释完全一致。

我对此很陌生,所以如果我的假设是错误的,请告诉我!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-05 08:25:20

打字本在编译前和编译期间进行推理。编译到JS后,如果代码的某些类型逻辑不健全,则声明的某些类型可能无效。这就是这里发生的事。

JSON.parse返回any类型的东西,它可以是字面上的任何东西。您可以尝试使用以下行从其中提取属性:

代码语言:javascript
复制
const coordinates: { x: number; y: string } = JSON.parse(json);

但这并不意味着被解析的对象实际上将有一个x属性作为数字,或者一个y属性作为字符串--您的代码告诉编译器应该这样做,并在后面的代码中将y作为字符串对待。

如果默认情况下有any类型的属性,那么在提取属性时,应该确保它的属性确实是您要表示它们的类型。如果您不能100%确定属性将始终是预期的(例如,如果输入字符串来自网络响应-如果响应是503怎么办?),设置一个类型保护,如:

代码语言:javascript
复制
const isCoordinates = (param: unknown): param is { x: number, y: number } => {
    return typeof param === 'object' && param !== null && 'x' in param;
};

然后在尝试从字符串中提取属性之前调用isCoordinates,以确保它符合您首先期望的格式。

否则,就像这里发生的事情一样,您可以告诉编译器一些错误,错误和奇怪的事情可能会随之发生。

您可以考虑启用tslint规则不-不安全-任何以避免犯此类错误。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60071525

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档