初识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"
}