Flow和TypeScript的使用

TypeScript

https://www.runoob.com/typescript/ts-tutorial.html

概念  TypeScript 是一种给 JavaScript 添加特性的语言扩展   (

增加的功能包括：

(对象类型 ,数组类型 ,类类型 .函数类型)

• 类型批注(

  let count : number; 
  count = 123

  )
• 和编译时类型检查    
• 类型推断 ( 未注明类型  ,自动检测推断

  let countInference = 123

  )
• 类型擦除
• 接口
• 枚举
• Mixin
• 泛型编程
• 名字空间
• 元组
• Await

)

Flow是一个类型检查工具，TypeScript是一种开发语言！

 

TypeScript 安装

npm i typescript -g

yarn global add typescript

可以使用ts-node插件来解决这个问题，有了这个插件，我们就不用再编译了，而使用ts-node就可以直接看到编写结果。

npm install -g ts-node

ts-node Demo1.ts

 

静态类型

定义静态类型

const count:number=1

自定义静态类型

interface person{

name:string

age:number

}

const  xiaohong:person={

name:string

age:number

}

使用了静态类型，不仅意味着变量的类型不可以改变，还意味着类型的属性和方法也跟着确定了

对象静态类型 (对象类型)

const :xiaoJieJies :{

name:string

age:number

}= {

name:"小红"

age:20

}

• 对象类型

• 数组类型

const xiaoJieJies : String [] = ['谢大脚','刘英','小红']

面相对象的类的使用