2.typeScript中的数据类型

typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，在typescript中主要给我们提供了以下数据类型；写ts代码必须指定类型；包括以下类型：

•布尔类型（boolean）

•数字类型（number）

•字符串类型(string)

•数组类型（array）

•元组类型（tuple）

•枚举类型（enum）

•任意类型（any）

•null 和 undefined

•void类型

•never类型

es5的写法 （正确写法）  ts中（错误写法）

var flag=true; flag=456; 

 ts的布尔类型（boolean）

var flag:boolean=true; // flag=123; //错误 flag=false; //正确 alert(flag);

 ts的数字类型（number）

var num:number=123; num=456; alert(num); //正确 //num='str'; //错误

 ts的字符串类型(string)

var str:string='this is ts'; str='haha'; //正确 //str=true; //错误 alert(str); //正确

数组类型（array）

es5的写法（正确写法）  ts中（错误写法）

var arr=['1','2'];  //es5定义数组

ts中定义数组有两种方式

•第一种定义数组的方式

var arr: number[] = [11, 22, 33]; alert(arr);

•第二种定义数组的方式

var arr:Array<number>=[11,22,33]; alert(arr); 

元组类型（tuple） 属于数组的一种

let arr:[number,string]=[123,'this is ts']; alert(arr); arr[1].substr(1) // ok arr[0].substr(1) // Property 'substr' does not exist on type 'number'. let list: [number, string?, boolean?] list = [10, 'Sherlock', true] list = [10, 'Sherlock'] list = [10]

代码解释：

•元组中规定的元素类型顺序必须是完全对照的，而且不能多、不能少

•arr中定义的第二个元素为 string类型，不能赋值为 number类型的数据。

•当赋值或访问一个已知索引的元素时，会得到正确的类型：

•第 3 行，arr[1] 是一个字符串类型，拥有 substr() 方法。

•第 4 行，arr[0] 是一个数字类型，没有 substr() 方法，所以报错。

•元组类型允许在元素类型后缀一个 ? 来说明元素是可选的

•可选元素必须在必选元素的后面，也就是如果一个元素后缀了 ?号，其后的所有元素都要后缀 ?号。

枚举类型（enum）

随着计算机的不断普及，程序不仅只用于数值计算，还更广泛地用于处理非数值的数据。例如：性别、月份、星期几、颜色、单位名、学历、职业等，都不是数值数据。在其它程序设计语言中，一般用一个数值来代表某一状态，这种处理方法不直观，易读性差。如果能在程序中用自然语言中有相应含义的单词来代表某一状态，则程序就很容易阅读和理解。也就是说，事先考虑到某一变量可能取的值，尽量用自然语言中含义清楚的单词来表示它的每一个值，这种方法称为枚举方法，用这种方法定义的类型称枚举类型。

写法

enum 枚举名{     标识符[=整型常数],     标识符[=整型常数],     ...     标识符[=整型常数], } ;

枚举类型（enum）示例

enum Flag {success = 1, error = 2}; let s:Flag=Flag.success; let f:Flag=Flag.error; alert(s);//1 alert(f);//2 enum Color {blue,red=3,'orange'}; document.write(JSON.stringify(Color)); let c:Color=Color.blue; alert(c); //0 let d:Color=Color.red; alert(d); //3 如果标识符没有赋值 它的值就是下标 let e:Color=Color.orange; alert(e); //4 let g= Color[4]; alert(g);//'orange'

任意类型（any）

var num:any=123; num='str'; num=true; alert(num)

任意类型（any）的用处

var oBox=document.getElementById('box');//typeScript中的数据类型没有Object oBox.style.color=‘red’;//会有警告：Object is possibly ‘null’ var oBox:any=document.getElementById('box'); oBox.style.color='red';

null 和 undefined  ：属于其他数据类型（never类型）的子类型

//变量定义未赋值 var num:number; alert(num) //输出：undefined 报错 var num2:undefined; //定义num2 同时指定undefined alert(num2) //输出：undefined //正确

var num4:null; num4 = null; alert(num4)

一个元素可以设置多个类型

var num5:number | null | undefined; num5=1234; alert(num5)

void类型：typescript中的void表示没有任何类型，一般用于定义方法的时候方法没有返回值。

never类型：•是其他类型 （包括 null 和 undefined）的子类型，代表从不会出现的值。这意味着声明never的变量只能被never类型所赋值。

es5的定义方法

function run(){ alert('run') } run();

void类型

//正确写法：表示方法没有返回任何类型 function run():void{ alert('run') } run(); //错误写法 function run2():undefined{ alert('run') } run2(); //正确写法 function run3():number{ return 123; } run3();

never类型

var a:undefined; a=undefined; alert(a) var b:null; b = null; alert(b) var c:never; //c=123; //错误的写法 c=(()=>{ throw new Error('错误'); })()

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/sjkxydsj/11199.html