强类型和弱类型
前者有更强的类型约束，后者几乎没有什么约束；严格上来说，强类类型语言中不允许任意的隐式类型转换，而弱类型允许
静态类型和动态类型
静态类型：一个变量声明时它的类型就是明确的，而且过后不允许修改
动态类型：运行阶段才能够明确变量类型，变量的类型随时可以改变，存放的值存
在类型。例如var a='foo',a=100
js时弱类型语言，不存在编译过程，抛出错误必须等到执行过程中才能发现
强类型语言：a)错误更早的暴露 b)代码更智能，编码更准确 c) 重构更牢靠 d) 减少不必要的类型判断
Flow：js的类型检查器
1.安装 yarn add flow-bin --dev
2.初始化配置文件 yarn flow init
3.运行 yarn flow
4.移除类型注解 yarn add flow-remove-types --dev
5.转为生产环境 yarn flow-remove-types src -d dist
也可以使用babel移除注解
1.安装 yarn add @babel/core @babel/cli @babel/preset-flow --dev
2.添加.babelrc文件
3.运行 yarn babel src -d dist
//建议使用第二种，方便快捷
vscode可以安装flow lanageuage support插件可以在写代码变保存边校验
更多flow插件 https：//flow.org/en/docs/editors/
flow类型判断和flow类型注解
a)参数注解 let num:number = 100; b)函数返回值注解，无返回值写为void function foo():number{}
flow原始类型 对应js的6种类型
const a : number = 100;
const b : string = 'abc';
const c : boolean = true;
const d : null = null;
const e : void = undefined;
const f : symbol = Symbol()
//flow数组类型
const arr1: Array<number> = [1,2,3];//泛型写法
const arr1: number= [1,2,3];
const arr3:[string,number] = ['aa',1] // //元组
//flow对象类型
const obj1: {foo:string,bar:number} = {foo:'1d',bar:123}//确定的两个属性
const obj1: {foo?:string,bar:number} = {foo:'1d'} //可有可无的属性加？号
const obj1: { [string]: string} = {}//限制键值类型
//flow函数类型
function foo (callback:(string, number) => void) {
callback('string',100)
}
foo(function(str,n){})//不能返回字符串和number
//flow特殊类型 联合类型
const type:'success' |'warning' ='success' //指定值的范围
const type:string | number = 'success' //指定值的类型
const type:stringOrnumber = 'success' //指定值的类型
//maybe类型
const gender: ?number =undefied//除了数字之外可以是null、undefined
const gender: number | null | void = undefined
//Mixed Any
function passMixed (value: mixed){//所有类型中的任意一类型.强类型
value.substr(1); //会报错，加if判断，尽量用mixed而非any（兼容旧版本）
value * value
}
function passMixed (value: any){//所有类型中的任意一类型，弱类型
value.substr(1);
value * value
}
//类型小结
//参考网址：官网https://flow.org/en/docs/ 第三方: https://www.saltycrane.com/cheat-sheets/flow-type/latest/
//运行环境API
//const element: HTMLElement | null = document.getElementById('app')
image.png
