TypeScript基础

一、原始数据类型

 1.布尔值是最基础的数据类型，在 TypeScript 中，使用 boolean 定义布尔值类型

let isDone: boolean = false;

2.数值使用 number 定义数值类型

3.字符串 使用 string 定义字符串类型

let myName: string = '张作栋';
let myAge: number = 21;
let sentence: string = `Hello, my name is ${myName}.
I'll be ${myAge + 1} years old next year.`;

4.空值  在 TypeScript 中，可以用 void 表示没有任何返回值的函数

function alertName(): void {
    alert('My name is zzd');
}

5.Null 和 Undefined  在 TypeScript 中，可以使用 null 和 undefined 来定义这两个原始数据类型

undefined 和 null 是所有类型的子类型。也就是说 undefined 类型的变量，可以赋值给 number 类型的变量

void 类型的变量不能赋值给 number 类型的变量

二、任意值

任意值（Any）用来表示允许赋值为任意类型

在任意值上访问任何属性都是允许的，可以认为，声明一个变量为任意值之后，对它的任何操作，返回的内容的类型都是任意值

变量如果在声明的时候，未指定其类型，那么它会被识别为任意值类型

三、类型推论

如果没有明确的指定类型，那么 TypeScript 会依照类型推论（Type Inference）的规则推断出一个类型

TypeScript 会在没有明确的指定类型的时候推测出一个类型，这就是类型推论。

如果定义的时候没有赋值，不管之后有没有赋值，都会被推断成 any 类型而完全不被类型检查

四、联合类型

联合类型（Union Types）表示取值可以为多种类型中的一种

联合类型使用 | 分隔每个类型

let myFavoriteNumber: string | number;
 myFavoriteNumber = 'seven';
 myFavoriteNumber = 7;

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法

五、对象的类型—— 接口

在 TypeScript 中，我们使用接口（Interface）来定义对象的类型。

interface Person {
    name: string;
    age: number;
}
 
let tom: Person = {
    name: 'Tom',
    age: 25
};

赋值的时候，变量的形状必须和接口的形状保持一致。

接口中还存在：可选属性、任意属性、只读属性。

可选属性：

interface Person {
    name: string;
    age?: number;
}
let tom: Person = {
    name: 'zzd'
};

任意属性：

interface Person {
    name: string;
    age?: number;
    [propName: string]: any;
}
let tom: Person = {
    name: 'zzd',
    gender: 'male'
};

只读属性：

interface zzz{
    readonly id: number;
    name : string;
    age ?: number
  }

六、数组的类型

在 TypeScript 中，数组类型有多种定义方式，比较灵活。

最简单的方法是使用「类型 + 方括号」来表示数组：

let fibonacci: number[] = [1, 1, 2, 3, 5];

数组的项中不允许出现其他的类型：

let fibonacci: number[] = [1, '1', 2, 3, 5];

数组泛型

我们也可以使用数组泛型（Array Generic） Array<elemType> 来表示数组：

let fibonacci: Array<number> = [1, 1, 2, 3, 5];

七、函数的类型

函数声明：一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到，其中函数声明的类型定义较简单 

function sum(x: number, y: number): number {
    return x + y;
}

注意，输入多余的（或者少于要求的）参数，是不被允许的

函数表达式：

let mySum: (x: number, y: number) => number = function (x: number, y: number): number {
    return x + y;
}

还有可选参数、参数默认值、剩余参数、重载

八、类型断言

类型断言（Type Assertion）可以用来手动指定一个值的类型。

语法：值 as 类型   或   <类型>值

类型断言的用途：

将一个联合类型断言为其中一个类型

将一个父类断言为更加具体的子类

将任何一个类型断言为 any

将 any 断言为一个具体的类型