鸿蒙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 开发、等鸿蒙开发必掌握的核心知识要点,内容包含了(技术知识点。

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

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

鸿蒙(Harmony NEXT)最新学习路线

在这里插入图片描述


有了路线图,怎么能没有学习资料呢,小编也准备了几套HarmonyOS NEXT学习视频 内容包含以下联

内容包含:ArkTS、TypeScript、ArkUI、资源分类…等知识点。

获取完整版高清学习路线,请点击→《HarmonyOS教学视频

HarmonyOS教学视频

在这里插入图片描述

鸿蒙语法ArkTS、TypeScript、ArkUI等…视频教程

在这里插入图片描述

鸿蒙生态应用开发白皮书V2.0PDF:

获取白皮书:请点击→《鸿蒙生态应用开发白皮书V2.0PDF

在这里插入图片描述

鸿蒙 (Harmony OS)开发学习手册

一、入门必看

1.应用开发导读(ArkTS)

2.……

在这里插入图片描述


二、HarmonyOS 概念

1.系统定义

2.技术架构

3.技术特性

4.系统安全

5…

在这里插入图片描述


三、如何快速入门?

1.基本概念

2.构建第一个ArkTS应用

3.构建第一个JS应用

4.……

在这里插入图片描述


四、开发基础知识

1.应用基础知识

2.配置文件

3.应用数据管理

4.应用安全管理

5.应用隐私保护

6.三方应用调用管控机制

7.资源分类与访问

8.学习ArkTS语言

9.……

在这里插入图片描述


五、基于ArkTS 开发

1.Ability开发

2.UI开发

3.公共事件与通知

4.窗口管理

5.媒体

6.安全

7.网络与链接

8.电话服务

9.数据管理

10.后台任务(Background Task)管理

11.设备管理

12.设备使用信息统计

13.DFX

14.国际化开发

15.折叠屏系列

16.……

在这里插入图片描述


更多了解更多鸿蒙开发的相关知识可以参考:《鸿蒙 (Harmony OS)开发学习手册

相关推荐

  1. 鸿蒙开发 TypeScript 基础语法

    2024-03-19 15:48:01       21 阅读
  2. ArkTS语言基础入门学习-鸿蒙开发

    2024-03-19 15:48:01       36 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-19 15:48:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-19 15:48:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-19 15:48:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-19 15:48:01       20 阅读

热门阅读

  1. linux命令学习之split 分割大文件 —— 筑梦之路

    2024-03-19 15:48:01       18 阅读
  2. 24计算机考研调剂 | 浙江科技大学

    2024-03-19 15:48:01       15 阅读
  3. 一文解读ISO26262安全标准:初步危害分析PHA

    2024-03-19 15:48:01       16 阅读
  4. 分享SQL的7种进阶用法

    2024-03-19 15:48:01       18 阅读
  5. codetop刷题笔记1——两数之和/iota/lambda表达式

    2024-03-19 15:48:01       20 阅读
  6. 【sql】初识 where EXISTS

    2024-03-19 15:48:01       21 阅读
  7. Bash Shell中单引号和双引号的区别详解

    2024-03-19 15:48:01       25 阅读
  8. Git速成

    Git速成

    2024-03-19 15:48:01      17 阅读
  9. openh264初探

    2024-03-19 15:48:01       15 阅读
  10. 工程化专栏目录

    2024-03-19 15:48:01       20 阅读