React学习第四天——初识Typescript

初识Typescript

1.基本操作

Typescript作为javascript的高阶版本，代码写法上与javascript几乎一致。但当ts编译报错时，依旧能编译出相应的JS文件。

例如代码：
function hello(){
  console.log('test')
}

hello()

在ts中编写函数的形式是与js一致的，但在定义数据类型上写法有些不一致：

//定义的数据必须以:+所需要定义的类型来定义数据类型
//被定义后的数据，在调用时，只能输入相关类型的数据，输入其他类型的将会报错
let isOk:boolean = false

let str:string = '123'

let user:number = 123

let Null:null = null
//可以将数据同时定义多个类型
let double:number|string = ''
//也可以直接输入:any，用于将数据定义为任何数据类型，或直接不设置数据类型
let Obj:any = ''

let every;

2.接口定义

ts中的接口指的是，定义一个类，在调用这个类时，必须按照定义类中所设置的内容，进行相关的编写

//此时通过interface定义一个类名为WYF的类，并在其中设置相关的参数
interface WYF{
//此处为必须填写的参数
  name:string
  age:number
  //此处为动态填写的参数，可有可无
  msg?:string
  //添加任意属性
  [other:string]:any
}
//接着创建一个新的数据，采用刚才定义的WYF的类
let Gelx:WYF = {
  name:"吴亦凡",
  age:18,
  //msg可有可无
  msg:"芜湖，帅死了",
  //此处为其他类型的数据
  pp:"wuhu"
}