基础类型
// 数组
let arr1: number[] = [1, 2, 3];
let arr2: Array<number | string> = [1, 2, 'a'];
//函数
let add = (x: number, y: number) => x + y;
let compute: (x: number, y: number) => number
compute = (a, b) => a + b;
//对象
let obj: { x: number, y: number } = { x: 1, y: 1 };
obj.x = 3;
枚举
将不容易记忆的硬编码写成枚举类型
- 赋值为数字，则下面挨着没赋值的依次递增
enum R1 {
apple ='a',
banana = 3,
pineapple
}
console.log(R1.pineapple) // 4
-
反向映射
即
enum R1 {
apple = 'a',
banana = 3,
banana2 = 3,
pineapple
}
console.log(R1)
接口
TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。
鸭式辨型来自于James Whitecomb Riley的名言:"像鸭子一样走路并且嘎嘎叫的就叫鸭子。"通过制定规则来判定对象是否实现这个接口。
对象类型的接口
调用
interface Param {
name: string;
}
interface Result {
name: string;
color: string;
}
function overriddenParam(param: Param) {
return {
...param,
color: 'red'
}
}
// 调用1
let currentParam = { name: 'apple', shape: 'circle' };
overriddenParam(currentParam);
// 调用2 类型断言
overriddenParam({ name: 'apple', shape: 'circle' } as Param)
// 调用3 字符串索引签名:用任意的索引字符串可以得到任意的索引类型
interface Param {
name: string;
[x: string]: any;
}
overriddenParam({ name: 'apple', shape: 'circle' });
属性类型
interface Param {
readonly id: number;// 只读属性
name: string;
weight?: number;// 可选属性
}
- 数字索引签名
TypeScript支持两种索引签名：字符串和数字。 可以同时使用两种类型的索引，但是数字索引的返回值必须是字符串索引返回值类型的子类型。
这是因为当使用 number来索引时，JavaScript会将它转换成string然后再去索引对象。
interface Names {
[index: string]: any;
[x: number]: string;
}
函数类型的接口
let add: (x: number, y: number) => number;
interface Add {
(x: number, y: number): number
}
// 类型别名
type Add1 = (x: number, y: number) => number;
- 混合类型接口
// 实现
function getLib() {
let lib: Lib = (() => { }) as Lib;
lib.version = '1.0';
lib.doSomething = () => { };
return lib;
}
let lib1 = getLib();
lib1();
lib1.doSomething();
let lib2 = getLib();
函数
- 函数重载
function add(...rest: number[]): number;
function add(...rest: Array<string>): string;
function add(...rest: any[]): any {
let first = rest[0];
if (typeof first === 'string') {
return rest.join();
}
if (typeof first === 'number') {
return rest.reduce((pre, cur) => pre + cur);
}
}
console.log(add(1, 2, 3));// 6
console.log(add('a', 'b', 'c'));// a,b,c
