flow中文文档(九)

相交类型

有时候,创建一个类型(它是一组其他类型的集合)是很有用的。例如,您可能希望编写一个接受对象的函数,该对象是其他对象类型的组合。为此,Flow支持交集类型。

// @flow
type A = { a: number };
type B = { b: boolean };
type C = { c: string };

function method(value: A & B & C) {
  // ...
}

// $ExpectError
method({ a: 1 }); // Error!
// $ExpectError
method({ a: 1, b: true }); // Error!
method({ a: 1, b: true, c: 'three' }); // Works!

相交类型语法

交集类型是任意数量的类型,这些类型是由&号联接的。

Type1 & Type2 & ... & TypeN

交集类型的每个成员可以是任何类型,甚至是另一个交集类型。

type Foo = Type1 & Type2;
type Bar = Type3 & Type4;

type Baz = Foo & Bar;

交集类型需要全部输入,但只需要一个输出。

交集类型与并集类型相反。当调用接受交集类型的函数时,我们必须传入所有这些类型。但是在我们的函数内部,我们只需要把它当作这些类型中的任何一种。

// @flow
type A = { a: number };
type B = { b: boolean };
type C = { c: string };

function method(value: A & B & C) {
  var a: A = value;
  var b: B = value;
  var c: C = value;
}

即使我们只将值视为其中的一种类型,我们也不会得到一个错误,因为它满足了所有类型。

不可能相交类型

使用相交类型,可以创建在运行时无法创建的类型。交集类型允许您组合任何类型集,即使是那些相互冲突的类型。

例如,可以创建数字和字符串的相交类型。

// @flow
type NumberAndString = number & string;

function method(value: NumberAndString) {
  // ...
}

// $ExpectError
method(3.14); // Error!
// $ExpectError
method('hi'); // Error!

但是您不可能同时创建一个数字和一个字符串的值,但是您可以为它创建一个类型。创建这样的类型没有实际的用途,但是它是交集类型工作方式的副作用。

对象相交类型

创建对象相交类型时,可以将它们的所有属性合并在一起。

例如,当您创建具有不同属性集的两个对象的交集时,它将导致具有所有属性的对象。

// @flow
type One = { foo: number };
type Two = { bar: boolean };

type Both = One & Two;

var value: Both = {
  foo: 1,
  bar: true
};

但是,当您的属性通过具有相同的名称而重叠时,它也会创建属性类型的交集。

例如,如果将两个对象与名为prop的属性合并,其中一个对象的类型为Number,另一个对象的类型为布尔,则得到的对象将具有数字和布尔值的交集。

// @flow
type One = { prop: number };
type Two = { prop: boolean };

type Both = One & Two;

// $ExpectError
var value: Both = {
  prop: 1 // Error!
};

获取类型的类型

JavaScript有一个TypeOF操作符,它返回一个描述值的字符串。

typeof 1 === 'number'
typeof true === 'boolean'
typeof 'three' === 'string'

但是,由于这个字符串只描述了关于类型的太多内容,所以它是有限的。

typeof { foo: true } === 'object'
typeof { bar: true } === 'object'
typeof [true, false] === 'object'

在Flow中,有一个类似类型的操作符,但它的功能要强大得多。ss

获取类型语法

TypeOf运算符返回给定值的流类型,以用作类型。

// @flow
let num1 = 42;
let num2: typeof num1 = 3.14;     // Works!
// $ExpectError
let num3: typeof num1 = 'world';  // Error!

let bool1 = true;
let bool2: typeof bool1 = false;  // Works!
// $ExpectError
let bool3: typeof bool1 = 42;     // Error!

let str1 = 'hello';
let str2: typeof str1 = 'world'; // Works!
// $ExpectError
let str3: typeof str1 = false;   // Error!

您可以在Typeof中使用任何值:

// @flow
let obj1 = { foo: 1, bar: true, baz: 'three' };
let obj2: typeof obj1 = { foo: 42, bar: false, baz: 'hello' };

let arr1 = [1, 2, 3];
let arr2: typeof arr1 = [3, 2, 1];

类型继承-推理行为

Flow对您的代码执行各种类型推断,因此您不必键入任何注释。一般情况下,推理会避免妨碍您的方法,同时也会阻止您引入bug。

但是,当您使用Typeof时,您是在获取Flow的推断结果,并将其断言为一个类型。虽然这可能非常有用,但也可能导致一些意想不到的结果。

例如,当您在流中使用文本值时,它们推断的类型就是它所属的基元。因此,数字42具有推断出的数字类型。使用Typeof时可以看到这一点。

// @flow
let num1 = 42;
let num2: typeof num1 = 3.14;    // Works!

let bool1 = true;
let bool2: typeof bool1 = false; // Works!

let str1 = 'hello';
let str2: typeof str1 = 'world'; // Works!

但是,这只发生在推断的类型中。如果指定文字类型,则将在Typeof中使用它。

// @flow
let num1: 42 = 42;
// $ExpectError
let num2: typeof num1 = 3.14;    // Error!

let bool1: true = true;
// $ExpectError
let bool2: typeof bool1 = false; // Error!

let str1: 'hello' = 'hello';
// $ExpectError
let str2: typeof str1 = 'world'; // Error!

类型继承其他类型的行为

flow中有许多不同的类型,其中一些类型的行为与其他类型不同。这些差异对该特定类型是有意义的,但对其他类型则没有意义。

当您使用Typeof时,您插入的是另一个类型及其所有行为。这可以使类型看起来不一致的地方,它不是。

例如,如果在类中使用Typeof,则需要记住类名义上是类型化的,而不是结构类型化的。因此,两个具有相同确切形状的类不被认为是等价的。

// @flow
class MyClass {
  method(val: number) { /* ... */ }
}

class YourClass {
  method(val: number) { /* ... */ }
}

// $ExpectError
let test1: typeof MyClass = YourClass; // Error!
let test2: typeof MyClass = MyClass;   // Works!
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 学习如何在Flow中使用React 将Flow类型添加到React组件后,Flow将静态地确保你按照组件被设计的方...
    vincent_z阅读 6,419评论 4 21
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,148评论 1 32
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,660评论 8 265
  • 是因为一个
    8870阅读 279评论 0 0