代码之家 › 专栏 › 技术社区 › Ryan Wheale

FlowJS-由于无法识别“typeof”语句的结果,因此出现类型错误

flowtype javascript

Ryan Wheale · 技术社区 · 6 年前

以下代码导致错误:

type NextItem = string | { [string]: string };

const next: NextItem = 'foo';
const isString = typeof next === 'string';
const toName = isString ? next : Object.keys(next)[0];
                                 ^ string [1] is not an object.

isString 变量修复它:

type NextItem = string | { [string]: string };

const next: NextItem = 'foo';
const toName = typeof next === 'string' ? next : Object.keys(next)[0];

为什么? ,但我希望有人能提供更好的解决方案。我需要重新使用变量,并希望保持我的代码既干燥和简单(易于阅读)。所以请不要用“聪明”的方法。

1 回复 | 直到 6 年前

loganfsmyth 6 年前

Flow的改进通常基于使用时的直接检查,因此它只会看到您的 isString 变量作为 boolean 没有特别的意义。

调整代码的控制流,以便有两个明确的分支,假设有更多的检查 ,您可以随时明确分支来处理这两种情况。

typeof next === 'string' 检查。

const toName = typeof next === 'string' ? next : Object.keys(next)[0];

predicate function isString公司

function isString(arg: mixed): boolean %checks {
   return typeof arg === "string"; 
}

const toName = isString(next) ? next : Object.keys(next)[0];

推荐文章

Christopher Francisco · 流-缓存公共变量检查时,读取联合类型属性不起作用

6 年前

David Schumann Axnyff · 使用react native中无状态功能组件的流定义属性类型

6 年前

JD. · 流-可能类型与看似有效的默认对象参数不兼容

6 年前

arnoldbird · 如何使用非字符串引用而不导致流错误

6 年前

Andy Haskell · 为什么Web包在我的主目录中查找预设?

6 年前

Ilja · 扩展flow“type Props”以包括来自其他组件的道具类型?

6 年前

Soichi Takamura · 流类型是否可以在方法链接中收紧实例的方法定义

6 年前

Janekx · 如何构建流程

6 年前

Daniel Jung · eslint无法解析$ReadOnlyArray

7 年前

Saad · Flowtype libdefs如何从其他libdef导入类型?

7 年前