Flow<Javascript的类型检查器><出生于2014年>

通过添加一些类型注解的方式来去标记代码中变量或者参数，Flow通过这些注解来检查代码中是否存在类型使用中的异常。从而实现在开发阶段对类型异常的检查。就避免了在运行阶段才发现的类型错误。

通过下面方法

// 类型注解
function sum (a: number, b: number){
  return a + b
}
// 只接受number类型的参数
sum(100, 200) //  YES
sum('100', 200) // NO

这些注释可以在生产之前使用babel去除

function sum (a, b){
  return a + b
}

同时Flow也没有要求必须都在注解，你想要加一个就加，不需要就不加也可以。

function sum (a: number, b){
  // a: number
  // b: any
  return a + b
}

Flow只是一个小工具，So Easy!

使用Flow的5大步骤

1、安装flow-bin，因为flow的类型检查模块是flow-bin

yarn add flow-bin --save

2、检测对象文件顶部添加 // @flow 标记

//@flow
function sum(a, b) {
    return a + b
}
sum(100, 200)
sum('100', 200)

3、添加类型注释

//@flow
function sum(a: number, b: number) {
    return a + b
}
sum(100, 200)
sum('100', 200)

4、运行

yarn flow

5、关闭运行

yarn flow stop