typescript语法精讲四(笔记)

- 枚举类型

枚举的特性就是将一组可能出现的值，列举出来，定义到类型中去

enum Direction {
    LEFT,
    RIGHT,
    TOP,
    BOTTOM
}

console.log(Direction['0']);  // LEFT
console.log(Direction['LEFT']);  // 0

- 枚举类型的值

枚举类型默认是有值的，当给枚举某个值的时候，这时候会进行递增。

enum Direction {
    LEFT = 0,
    RIGHT,
    TOP,
    BOTTOM
}

console.log(Direction['RIGHT']); // 1

enum Direction {
    LEFT,
    RIGHT,
    TOP = 'TOP',
    BOTTOM = 'BOTTOM'
}

console.log(Direction[0]); // LEFT

- 认识泛型

泛型实际上就是实现类型的参数化。
如果定义参数为any类型的话，虽然能够实现，但是传入的number类型，希望返回的不是any类型，同样是number类型。因此，需要先在函数中捕获到参数的类型是number，并且使用它来作为返回值的类型。

function foo<Type>(arg: Type): Type {
    return arg;
}

const num = foo(111);
console.log(num); // 111

const str = foo('abc');
console.log(str); // abc

- 多个泛型的基础使用

在平常的开发中：

• T：Type的缩写、类型
• K、V：key和value的缩写、键值对
• E：Element的缩写、元素
• O：Object的缩写、对象

// 多个泛型的基础使用
function foo<K, V>(key: K, value: V) {
    return [key, value];
}

const keys = foo('name', 'abc');

- 泛型接口的定义

在开发中需要去定义泛型接口

interface Info<T> {
    data: T,
    list: T[],
    getValue: (value: T) => T   
}

const infos: Info<number> = {
    data: 20,
    list: [1, 2, 3, 4, 5],
    getValue: (value: number) => {
        return 10;
    }
}

console.log(infos);

- 泛型类

class Info<T> {
    data: T
    value: T

    constructor(data: T, value: T) {
        this.data = data;
        this.value = value;
    }
}

const stu1 = new Info(10, 20);
const stu2: Info<string> = new Info('123', 'abc');

console.log(stu1, stu2);

- 泛型约束

如果传入的数据存在某些共性，但这些数据类型又不相同

interface Length {
    length: number;
}

function getLength<T extends Length>(data: T): number {
    return data.length;
}

const str = 'get the current data length';
console.log(getLength(str));

const list = [1, 2, 3, 4, 5, 6];
console.log(getLength(list));

- 模块化开发

export function add(num1: number, num2: number) {
  return num1 + num2;
}

export function sub(num1: number, num2: number) {
  return num1 - num2;
}

- 命名空间

命名空间也称之为内部模块，主要的目的是将一个模块内部再进行作用域的划分，防止一些命名冲突的问题。

export namespace Time {
    export function getValue(time: string): string {
        return new Date().toLocaleDateString(); 
    }
}

export namespace Price {
    export function getValue(price: number): number {
        return 20; 
    }
}

- 类型的查找

typescript中 .d.ts文件是用作类型的声明(declare)的，它仅仅用来做类型的检测，告知typescript有哪些类型。

typescript查找类型声明的路径：

• 内置类型声明
• 外部定义的类型声明
• 自己定义的类型声明

- 内置类型声明

内置类型声明都是typescript自带的，内置了javascript运行时的一些标准化的API的声明文件，比如Math、Date等内置类型
内置类型声明通常在我们安装typescript的环境中会带有的；
phttps://github.com/microsoft/TypeScript/tree/main/lib

- 外部定义类型声明和自定义声明

外部类型声明是使用一些库(比如第三方库)时，需要的一些类型声明。
第三方库通常有两种类型声明方式：

• 方式一：库中进行类型声明(编写.d.ts文件)
• 方式二：通过社区的公有库存放类型声明文件
  该库的GitHub地址：https://github.com/DefinitelyTyped/DefinitelyTyped/
  该库查找声明安装方式的地址：https://www.typescriptlang.org/dt/search?search=