在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
1.初次尝试 /* 注意: 声明一个变量,同时指定它的类型为number */ let a : number a=10 a=35 /* a = 'hello' 此行代码会报错,因为变量a的类型是number 不能赋值字符窜 注:即使报错, 但是还是编译通过,但是编译后控制台会提示错误内容 */
2.简写写法,ts可以自动对变量进行类型检测 /* 一般写法 */ /* let c:boolean = true */ /* 简写 */ let c= true
3.能在定义函数时,参数的类型可以避免很多不必要的数据类型转换问题 function sum(a:number,b:number):number { return a + b } let result = sum(123,345) console.log(result)
4.ts的类型对照表
新增类型分析 (1) 字面量 (可以使用 | 来连接多个类型(联合类型)) let a:10 /* a=11 报错*/ let b: "male" | "female" (可以用于性别) b="male" b="female" /* b="hello" 报错 */ let c:boolean | string; c = true; c= 'hello'
扩展: // & 表示同步 let j:{name:string} & {age:number} j = {name:'孙悟空',age:18}
(2) any 任意类型 相当于对这个变量关闭了TS的检测类型 (不推荐使用) let d:any //显示的 d = 10; d = 'hello'
(3) unknow 表示未知类型的值 实际就是一个类型安全的 any 推荐 let d:any = 10 let s:string; s = d //不报错,d是any,可以给任何变量,顺带改变了s的检测类型 let a:unknown a = 'hello' //unknown 实际上就是一个类型安全的any //unknown 类型的变量 ,不能直接赋值给其他变量 if(typeof a ==='string') { s = a } s = a as string ;//类型断言
(4) void 用来表示空 以函数为例,就表示没有返回值的函数 function fn():void { }
(5) never 表示永远不会返回结果,用来报错 (仅了解) function fn():void { throw new Error('报错了!') }
(5) object //{} 用来表示对象中包含哪些属性 //语法:{属性名:属性值,属性名:属性值} //在属性名后边加上 ? ,表示属性是可选的 let b: {name:string,age?:number}; b = {name:'孙悟空',age:18} //[propName:string]:any 表示任意类型的属性 let c: {name:string,[propName:string]:any}; c = {name:'猪八戒',age:18,gender:'男'} /* 设置函数结构的类型声明 语法:(参数:类型,参数:类型...) => 返回值 */ let d:(a:number,b:number) => number; d = function(n1:number,n2:number):number{ return n1+n2 }
(6) array //number[] 表示数值数组 let a:number[]; //let b: Array<any> let b:Array<number>; b = [1,2,3]
(7) tuple 元组 固定长度的数组 //元组 元组就是固定长度的数组 let h:[string,string]; h = ['hello','HM']
(8)enum 枚举 enum Gender { Male = 0, Female = 1 } let a:{name:string,gender:Gender}; a = { name:'孙悟空', gender:Gender.Male }
|
请发表评论