我对打字和教育录影带很陌生。昨天我发现了一种奇怪的行为,认为这是个错误。示例:
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将其视为字符串,但在内部它将保留一个数字:
const json = '{"x": 10, "y":10}';
const coordinates: { x: number; y: string } = JSON.parse(json);
console.log(typeof coordinates.y);这是代码:

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

但是类型检查证明这是不正确的。
在我看来,解析后的对象/数组具有任意类型是有意义的。但是,如果解析的JSON-值与您的注释不同,则应该向您传递一个错误消息,或者它应该使给定的值与注释完全一致。
我对此很陌生,所以如果我的假设是错误的,请告诉我!
发布于 2020-02-05 08:25:20
打字本在编译前和编译期间进行推理。编译到JS后,如果代码的某些类型逻辑不健全,则声明的某些类型可能无效。这就是这里发生的事。
JSON.parse返回any类型的东西,它可以是字面上的任何东西。您可以尝试使用以下行从其中提取属性:
const coordinates: { x: number; y: string } = JSON.parse(json);但这并不意味着被解析的对象实际上将有一个x属性作为数字,或者一个y属性作为字符串--您的代码告诉编译器应该这样做,并在后面的代码中将y作为字符串对待。
如果默认情况下有any类型的属性,那么在提取属性时,应该确保它的属性确实是您要表示它们的类型。如果您不能100%确定属性将始终是预期的(例如,如果输入字符串来自网络响应-如果响应是503怎么办?),设置一个类型保护,如:
const isCoordinates = (param: unknown): param is { x: number, y: number } => {
return typeof param === 'object' && param !== null && 'x' in param;
};然后在尝试从字符串中提取属性之前调用isCoordinates,以确保它符合您首先期望的格式。
否则,就像这里发生的事情一样,您可以告诉编译器一些错误,错误和奇怪的事情可能会随之发生。
您可以考虑启用tslint规则不-不安全-任何以避免犯此类错误。
https://stackoverflow.com/questions/60071525
复制相似问题