JavaScript的数据类型

JavaScript的数据类型包括6种基本类型:undefined、null、布尔值、数字、字符串以及ES6新增的Symbol,还有1种复杂类型:object。由于TypeScript提供了可选的静态类型声明(即在变量后跟一个冒号和类型声明),因此同样的变量声明,在TypeScript中将更能传播代码的意图,并且在编译时还能验证代码的正确性。在下面的代码中,声明了6种类型(不包括Symbol),并且引入了ES6新增的二进制、八进制和模板字面量。

let isDone: boolean = false;

let decimal: number = 10;       //十进制
let hex: number = 0xa;        //十六进制
let binary: number = 0b1010;     //二进制
let octal: number = 0o12;      //八进制

let name: string = "strick";
let template: string = `my name is ${name}`;    //模板字面量

let u: undefined = undefined;
let n: null = null;

let obj: object = {};

1)任意值

  当变量声明为任意值(any类型)时,它在编译阶段会跨过类型检查,并且能被赋为任意类型的值,还允许访问任意属性、调用任意方法。在下面的示例中,虽然能编译通过,但是在使用时却会抛出错误,因为字符串类型的变量没有toFixed()方法。

let data: any = 10.5;
data = "strick";
data.toFixed();    //错误

  注意,没有显式声明类型的变量,默认都是any类型的。

2)空值

  在JavaScript中,没有空值(void类型)的概念。TypeScript中的void不表示任意类型,与any类型相悖。当一个函数没有返回值时,通常会将其返回值的类型声明成void,如下所示。

function send(): void { }

  如果声明一个void类型的变量,那么它的值只能是undefined或null,如下所示。

let u: void = undefined;
let n: void = null;

3)Never

  never类型表示那些永不存在的值的类型,例如包含死循环不会有返回值的函数或抛出错误的函数,如下所示。

function loop(): never {
  while (true) {}
}
function error(message: string): never {
  throw new Error(message);
}

  注意,当一个函数没有返回值时,它返回一个void类型;而当函数被意外中断时,它返回一个never类型。

  由于never类型是所有类型的子类型,因此可被赋给任意类型。但是除了其自身之外,其它类型(包括any)都不能赋给它,如下所示。

let none: never;
let digit: number = none;        //正确
let figure: never = 10;          //错误

4)数组

  在TypeScript中,有两种常见的数组声明方式。第一种通过类型和方括号组合来表示数组,第二种是使用数组泛型,如下所示。

let arr1: number[] = [1, 2, 3];
let arr2: Array<number> = [1, 2, 3];

  在指定了元素类型之后,就不能添加其它类型的元素,例如为数组的push()方法传入一个字符串数字,如下所示,在编译时会报错。

arr1.push("4");

  如果数组需要包含各种类型的元素,那么可以将其声明成any类型,如下所示。

let arr3: any[] = [1, "2", true];

5)元组

  在TypeScript中,元组(Tuple)会合并不同类型的值,例如定义一对string和number两种类型的元组,如下所示。

let list: [string, number];

  当为元组赋值时,需要指定相应类型的元素,即先传字符串,后传数字,下面代码的第二次赋值没有按照这个顺序,因此在编译时将报错。

list = ["strick", 10];        //正确
list = [10, "strick"];        //错误

  也可以通过索引为元组添加元素,但也要遵守类型限制,如下所示。

list[0] = "strick";
list[1] = 10;

  当添加越界的元素时,只要该元素是元组的联合类型(既可以是字符串,也可以是数字),就能编译成功,如下所示。

list.push(10);            //正确
list.push(true);          //错误

  在编译第二条语句时,会报“Argument of type 'true' is not assignable to parameter of type 'string | number'.”的错误。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值