执行导入类型而不是使用流导入有意义吗？

Flow允许您使用以下语法导入类型：

// SomeClass.js
export default class SomeClass {}

// SomeFile.js
import type SomeClass from './SomeClass';

使用import type而不是import有什么好处？它是否会告诉Flow更多信息，并使其能够更好地执行静态分析？

---

解决方案

对于类的特定情况，这两个示例都有效。关键是它是这样分解的：

• import type ... from导入流类型
• import ... from导入标准JS值以及该值的类型。

JS类生成值，但Flowtype还将类声明解释为类型声明，因此两者都。

那么import type重要在哪里？

1. 如果您正在导入的东西没有值，那么使用值导入在某些情况下会被解释为错误，因为大多数JS工具不知道流的存在。
   • 例如export type Foo = { prop: number };只能对import type { Foo } from ...重要，因为没有名为Foo的值
2. 如果您要导入的对象具有JS值，但您需要的只是类型
   • 仅导入该类型可以提高代码的可读性，因为从导入中可以清楚地看出，只使用该类型，因此文件中的任何内容都不能创建该类的新实例。
   • 有时仅导入类型将允许您避免文件中的依赖项循环。根据代码的编写方式，导入内容的顺序有时很重要。由于import type ...仅影响类型检查，而不影响运行时行为，因此您可以在不实际需要执行导入的文件的情况下导入类型，从而避免潜在的循环。