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=[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('错误');
})()

 

你可能感兴趣的:(TypeScript学习笔记)