鸿蒙App开发学习 - TypeScript编程语言全面开发教程（下）

现在我们接着上次的内容来学习TypeScript编程语言全面开发教程（下半部分）

4. 泛型

TypeScript 中的泛型（Generics）是一种编程模式，用于在编写代码时增强灵活性和可重用性。泛型使得在定义函数、类、接口等数据类型时可以使用参数化类型，从而使这些数据类型具有更广泛的适用性。泛型能够让我们编写出更加通用、灵活的代码，同时提高代码的类型安全性。

4.1 泛型函数

function identity<T>(arg: T): T {
    return arg;
}
let output = identity<string>("hello"); // 输出 "hello"
let output2 = identity<number>(123); // 输出 123

在这个例子中，identity 函数是一个泛型函数。它接受一个参数 arg，并返回相同类型的参数。通过在函数名后面使用尖括号来定义泛型，并在参数类型和返回类型中使用泛型类型 T。

4.2 泛型类

class GenericClass<T> {
    private value: T;
    constructor(value: T) {
        this.value = value;
    }
    getValue(): T {
        return this.value;
    }
}
let stringObject = new GenericClass<string>("hello");
console.log(stringObject.getValue()); // 输出 "hello"
let numberObject = new GenericClass<number>(123);
console.log(numberObject.getValue()); // 输出 123

在这个例子中，GenericClass 是一个泛型类，它接受一个类型参数 T，并将该类型参数用于成员变量 value 的类型和方法 getValue 的返回类型。

4.3 泛型接口

interface GenericInterface<T> {
    value: T;
    getValue(): T;
}
class MyClass<T> implements GenericInterface<T> {
    constructor(public value: T) {}
    getValue(): T {
        return this.value;
    }
}
let stringObject: GenericInterface<string> = new MyClass<string>("hello");
console.log(stringObject.getValue()); // 输出 "hello"
let numberObject: GenericInterface<number> = new MyClass<number>(123);
console.log(numberObject.getValue()); // 输出 123

在这个例子中，GenericInterface 是一个泛型接口，它定义了一个属性 value 和一个方法 getValue，并都使用了泛型类型 T。MyClass 类实现了 GenericInterface 接口，并通过类型参数 T 指定了 value 的类型。

5. 枚举

在 TypeScript 中，枚举（enums）是一种数据类型，用于定义命名的常量集合。枚举允许我们为一组相关的常量赋予友好的名称，并且在代码中以一种更具可读性和可维护性的方式来引用它们。

5.1 数字枚举

enum Direction {
    Up,
    Down,
    Left,
    Right,
}
let playerDirection: Direction = Direction.Right;
console.log(playerDirection); // 输出 3，即 Right 对应的数字值

在这个例子中，Direction 枚举定义了一组方向常量，它们分别对应了数字值 0、1、2 和 3。默认情况下，枚举成员的值从 0 开始递增。

5.2 字符串枚举

enum Color {
    Red = "RED",
    Green = "GREEN",
    Blue = "BLUE",
}
let primaryColor: Color = Color.Red;
console.log(primaryColor); // 输出 "RED"

在这个例子中，Color 枚举定义了一组颜色常量，它们分别对应了字符串值 “RED”、“GREEN” 和 “BLUE”。字符串枚举的每个成员必须有初始化器，并且不能自动递增。

5.3 值与名称的双向映射

enum KeyCode {
    Up = 38,
    Down = 40,
    Left = 37,
    Right = 39,
}
console.log(KeyCode.Up); // 输出 38
console.log(KeyCode[38]); // 输出 "Up"

在这个例子中，KeyCode 枚举定义了一组键码常量，它们分别对应了相应的键码值。通过枚举成员的名称来获取其对应的值，或者通过枚举成员的值来获取其对应的名称。

5.4 常量和计算成员

enum Weekday {
    Monday = 1,
    Tuesday = Monday + 1,
    Wednesday = Tuesday + 1,
    Thursday = Wednesday + 1,
    Friday = Thursday + 1,
    Saturday = 7,
    Sunday = Saturday,
}
console.log(Weekday.Monday); // 输出 1
console.log(Weekday.Tuesday); // 输出 2
console.log(Weekday.Sunday); // 输出 7

在这个例子中，Weekday 枚举定义了一组表示星期的常量，其中一些成员是通过计算得出的。

6. 高级类型

TypeScript 提供了许多高级类型来增强代码的灵活性和表达能力。下面是一些常用的高级类型：

6.1 交叉类型（Intersection Types）

交叉类型允许我们将多个类型合并为一个新的类型。新类型将具有所有类型的成员。

interface A {
    propA: number;
}
interface B {
    propB: string;
}
type AB = A & B;
let obj: AB = {
    propA: 123,
    propB: "hello"
};

在这个例子中，AB 类型是 A 和 B 接口的交叉类型，obj 变量既有 propA 也有 propB 属性。

6.2 联合类型（Union Types）

联合类型允许一个值可以是几种类型之一。使用 | 符号来表示。

let var: string | number;
var = "hello";
var = 123;

在这个例子中，var 变量可以是字符串类型或数字类型。

6.3 类型别名（Type Aliases）

类型别名可以为任意类型创建一个新名字。

type Age = number;
type Person = {
    name: string;
    age: Age;
};
let person: Person = {
    name: "Alice",
    age: 30
};

在这个例子中，Age 是 number 类型的别名，Person 是一个包含 name 和 age 属性的对象类型。

6.4 索引类型（Index Types）

索引类型允许通过索引访问对象的属性。

interface Person {
    name: string;
    age: number;
}
type PersonProp = keyof Person;
let key: PersonProp = "name"; // "name" | "age"

在这个例子中，PersonProp 是 Person 接口的属性名称的联合类型，key 变量可以是 “name” 或 “age”。

6.5 映射类型（Mapped Types）

映射类型允许我们基于已有类型创建新类型。

interface Person {
    name: string;
    age: number;
}
type ReadonlyPerson = {
    readonly [K in keyof Person]: Person[K];
};
let person: ReadonlyPerson = {
    name: "Alice",
    age: 30
};
person.name = "Bob"; // 报错，readonly 属性不能被修改

在这个例子中，ReadonlyPerson 类型将 Person 接口的所有属性都设为只读。

这些高级类型可以帮助我们更好地组织和表达代码，并且提供了更多的类型安全性和灵活性。

总结

以上就是 TypeScript 全部的基础知识，学习完毕以后再学习 ArkTS 会更简单。关注我，持续学习鸿蒙App开发~ 接下来学习 ArkTS。

最后

随着鸿蒙开发越来越火热，我了解到现在有很多小伙伴想入行鸿蒙，但又不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。我给大家整理了一份实用的鸿蒙（Harmony OS）开发学习手册资料用来跟着学习是非常有利于帮助大家提升鸿蒙开发技术的。

相对于网上那些碎片化的知识内容，这份学习资料的知识点更加系统化，更容易理解和记忆。资料包含了、应用开发导读(ArkTS)、HarmonyOS 概念、如何快速入门、开发基础知识、基于ArkTS 开发、等鸿蒙开发必掌握的核心知识要点，内容包含了（技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

获取这份完整版高清学习路线，请点击→《鸿蒙星河版开发教程指南》