TypeScript学习第二篇－数据类型

Typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，一个标识符一旦定义了类型，后续便不能再修改，主要有以下几种数据类型。

1. 布尔类型（boolean）

代码语言：javascript复制

var flag:boolean=true;

// flag=123;         // 错误

flag=false;          // 正确

2. 数字类型（number）

代码语言：javascript复制

var num:number=123;

num='str';           // 错误

num=456;             // 正确

3. 字符类型（string）

代码语言：javascript复制

var str:string='this is TypeScript';

str=true;            // 错误

str='Hello World';   // 正确

4. 数组类型（array）

代码语言：javascript复制

// 第一种方法
var arr:number[]=[11,22,33];

// 第二种方法
var arr:Array<number>=[11,22,33];

5. 元祖类型（tuple)，为数组中每个位置的元素指定类型。

代码语言：javascript复制

var arr:[number,string]=[123,'this is TypeScript'];

6. 枚举类型（enum）

代码语言：javascript复制

enum Color {blue,red=1.5,orange};

var a:Color = Color.blue;
// 如果没有赋值，默认从下标0开始
console.log(a);
// 0


var b:Color=Color.red;
// 赋值后，得到的将是所赋值的结果
console.log(b);   
// 1.5

var c:Color=Color.orange;
// 没有指定值的枚举元素，其值为前一元素加 1
console.log(c);   
// 2.5

7. 任意类型（any）

代码语言：javascript复制

var num1:number = 123;
// 报错
num1 = 'str';

var  num2:any = 123;
num2 = 'str';
// OK

any 类型有什么用途？

代码语言：javascript复制

var obj1 = document.getElementById('obj');
obj1.style.color = 'red';
// Object is possibly 'null';
// 提示为Object，但在TypeScript中没有这个类型

var obj2:any = document.getElementById('obj');
obj2.style.color = 'red';
// OK

8. 未定义类型（undefined）

代码语言：javascript复制

var num1:number;
console.log(num1);
// 报错

var num2:number | undefined;
console.log(num2);
// undefined

9. 空类型（null）

代码语言：javascript复制

var num1: null;
num1 = 10;
// 报错

var num2: number | null;
num2 = 10;
// OK

10 .没有任何类型（void），一般用于定义方法时没有任何返回值，类似于C 。

代码语言：javascript复制

function run():void{
    console.log('run');
}
run();

11. 其他类型的子类型（never），代表从不会出现的值，这意味着声明never的变量只能被never类型所赋值。

代码语言：javascript复制

var a: never;
a = (() => {
    throw new Error('错误');
})()

c++ typescript null string undefined

0 人点赞

TypeScript学习第二篇 － 数据类型

TypeScript学习第二篇－数据类型