当前位置：首页 > news >正文

【朝夕教育】《鸿蒙原生应用开发从零基础到多实战》003-TypeScript 中的类

news 来源：原创 2025/9/12 4:34:41

标题	详情
作者简介	愚公搬代码
头衔	华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
近期荣誉	2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等。
博客内容	.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
欢迎	👍点赞、✍评论、⭐收藏

文章目录

🚀前言
🚀一、TypeScript 中的类
- 🔎1.传统构造函数与原型链
- - 🦋1.1 构造函数
  - 🦋1.2 原型方法
  - 🦋1.3 特点：
- 🔎2.ES6 类
- - 🦋2.1 基本语法
  - 🦋2.2 特点：
- 🔎3.继承
- - 🦋3.1 基类与派生类
  - 🦋3.2 关键点：
- 🔎4.访问修饰符（TypeScript 特性）
- - 🦋4.1 示例：
- 🔎5.类类型约束
- 🔎6.类实现接口
- - 🦋6.1 单接口实现
  - 🦋6.2 多接口实现
  - 🦋6.3 接口优势：
- 🔎7.传统方式 vs ES6 类
- 🔎8.常见注意事项

🚀前言

在当今的应用开发中，TypeScript凭借其静态类型和面向对象编程的特性，成为了越来越多开发者的首选语言。而在鸿蒙原生应用开发中，掌握TypeScript中的类的使用，不仅能提升我们的开发效率，还能帮助我们构建更加稳健和可维护的应用程序。

本文将重点介绍TypeScript中的类的基本概念和高级特性，从类的定义、构造函数，到继承、多态等内容，逐步带领你深入理解面向对象编程的思想。通过实际案例，我们将展示如何在鸿蒙原生应用中灵活运用类，提高代码的复用性和可读性。

🚀一、TypeScript 中的类

🔎1.传统构造函数与原型链

🦋1.1 构造函数

function Cat(name, color) {this.name = name;this.color = color;
}

🦋1.2 原型方法

Cat.prototype.type = '动物';
Cat.prototype.eat = function() {console.log("吃老鼠");
};var cat1 = new Cat("大明", "黄色");

🦋1.3 特点：

通过 new 关键字实例化对象
属性和方法可定义在构造函数或原型上
原型链实现继承

🔎2.ES6 类

🦋2.1 基本语法

class Cat2 {name: string;   // TypeScript 类型声明color: string;constructor(name: string, color: string) {this.name = name;this.color = color;}eat() {console.log("吃老鼠");}sayName(): string {return `My name is ${this.name}`;}
}const cat3 = new Cat2("小小明", "黑色");

🦋2.2 特点：

class 为语法糖，本质仍为原型链
方法无需 function 关键字
方法间无需逗号分隔

🔎3.继承

🦋3.1 基类与派生类

class Animal {name: string;constructor(name: string) {this.name = name;}eat(): string {return "吃骨头";}
}class Dog extends Animal {constructor(name: string) {super(name); // 必须调用父类构造函数}sayHi(): string {return `${this.name}, ${this.eat()}`;}
}const d = new Dog('Tom');
console.log(d.sayHi()); // "Tom, 吃骨头"

🦋3.2 关键点：

extends 实现继承
super() 必须在使用 this 前调用

🔎4.访问修饰符（TypeScript 特性）

修饰符	访问范围
`public`	默认，任意位置可访问
`private`	仅类内部可访问
`protected`	类内部及子类可访问

🦋4.1 示例：

class Animal3 {public name: string;constructor(name: string) {this.name = name;}
}class Animal4 {protected name: string;constructor(name: string) {this.name = name;}
}

🔎5.类类型约束

class Animal5 {name: string;constructor(name: string) {this.name = name;}sayHi(): string {return `My name is ${this.name}`;}
}let s4: Animal5 = new Animal5('Jack');
console.log(s4.sayHi());

🔎6.类实现接口

🦋6.1 单接口实现

interface Animal6 {name: string;action(): string;
}class Dog2 implements Animal6 {name: string;constructor(name: string) {this.name = name;}action(): string {return '摇尾巴';}
}

🦋6.2 多接口实现

interface Alarm {alert(): void;
}interface Light {lightOn(): void;lightOff(): void;
}class Car implements Alarm, Light {alert() {console.log('警报声');}lightOn() {console.log('开灯');}lightOff() {console.log('关灯');}
}

🦋6.3 接口优势：

实现多态性
允许多个不同类共享相同行为
典型场景：门 类与 车 类都可实现 报警 接口

🔎7.传统方式 vs ES6 类

特性	传统方式	ES6 Class
构造函数	`function` 函数	`constructor` 方法
方法定义	需通过原型添加	类内直接定义
继承	手动操作原型链	`extends` 关键字
代码可读性	较低	接近传统 OOP 语法

🔎8.常见注意事项

类方法中的 this 指向实例对象
TypeScript 类型声明需显式标注
实现接口时必须实现全部成员
private/protected 为 TypeScript 特性
类不可继承多个父类（可通过接口实现多特性）

【朝夕教育】《鸿蒙原生应用开发从零基础到多实战》003-TypeScript 中的类

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主&…...

编程日记 2025/9/12 4:34:41

Java并发编程之可见性、原子性和有序性

引言 CPU缓存与内存产生的一致性问题（可见性） CPU时间片切换产生的原子性问题 CPU指令编译优化产生的有序性问题并发编程问题的根源 CPU、内存、I/O设备三者速度差异一直是核心矛盾三者速度差异可形象描述为：天上一天(CPU)，…...

编程日记 2025/9/10 0:42:40

99分巧克力

99分巧克力 ⭐️难度：中等 🌟考点：二分 2017省赛真题 📖 📚 import java.util.Scanner;public class Main {public static void main(String[] args) {Scanner sc new Scanner(System.in);int n sc.nextInt();i…...

编程日记 2025/9/8 21:41:01

阿里重磅模型深夜开源；DeepSeek宣布开源DeepGEMM；微软开源多模态AI Agent基础模型Magma...|网易数智日报

阿里重磅模型深夜开源：表现超越Sora、Pika，消费级显卡就能跑 2月26日，25日深夜阿里云视频生成大模型万相2.1（Wan）正式宣布开源，此次开源采用Apache2.0协议，14B和1.3B两个参数规格的全部推理代码…...

编程日记 2025/9/10 8:37:53

目录 1. WPF属性系统1.1. CLR属性（CLR Properties）1.2. 相关属性（Related Properties）1.3. 附加属性（Attached Properties）1.4. 依赖属性（Dependency Properties）2. 依赖属性2.1. 定义2.2. 应用场景2.3. 理解2.3.1. 初识依赖属性2.3.2. 自定义依赖属性2.3.3. 使用依赖属…...

编程日记 2025/9/9 6:22:45

Python PDF文件拆分-详解

目录使用工具将PDF按页数拆分将PDF的每一页拆分为单独的文件将PDF按指定页数拆分根据页码范围拆分PDF 根据指定内容拆分PDF 将PDF的一页拆分为多页在日常生活中，我们常常会遇到大型的PDF文件，这些文件可能难以发送、管理和查阅。将PDF拆分成…...

编程日记 2025/9/8 1:43:13

ollama本地部署DeepSeek-R1大模型使用前端JS调用的详细流程

以下是关于如何在本地部署 DeepSeek-R1 大模型（通过 Ollama），并使用前端 JavaScript 调用其功能的详细流程。前提条件硬件要求： 建议至少 16GB RAM（运行较小模型如 1.5B 或 7B 参数版本），如果…...

编程日记 2025/9/8 20:37:11

Spring Cloud Alibaba与Spring Boot、Spring Cloud版本对应关系

一、前言在搭建SpringCloud项目环境架构的时候，需要选择SpringBoot和SpringCloud进行兼容的版本号，因此对于选择SpringBoot版本与SpringCloud版本的对应关系很重要，如果版本关系不对应，常见的会遇见项目启动不起来，怪…...

编程日记 2025/9/8 19:24:47

初识SQL

SQL 定义：SQL（Structured Query Language，结构化查询语言）是一种标准化的数据库操作语言，广泛用于关系数据库管理系统（RDBMS），如 MySQL、PostgreSQL 等。它支持数据的定义&#xff0…...

编程日记 2025/8/16 11:59:20

12_Pandas时序数据（上）

固定时间时间的表示固定时间是指一个时间点。固定时间是时序数据的基础，一个固定时间带有丰富的信息，如年份、周几、月份、季度等。 Python的官网库datetime支持创建和处理时间： datetime.now() # 当前时间 datetime(2025,2,26,12) # 指…...

编程日记 2025/9/7 16:09:20

当我删除word文件时无法删除，提示：操作无法完成，因为已在Microsoft Word中打开

现象： 查看电脑桌面下方的任务栏，明明已经关闭了WPS和WORD软件，但是打开word文档时还是提示： 解决方法步骤： 1、按一下键盘上的ctrl Shift Esc 键打开任务管理器 2、在进程中找到如下： 快速找到的方法…...

编程日记 2025/9/9 10:34:29

0x03 http协议和分层架构

HTTP协议简介 Hyper Text Transfer Protocol，超文本传输协议，规定了浏览器和服务器之间数据传输的规则 http协议基于TCP协议：面向连接，安全基于请求-响应模型：一次请求对应一次响应HTTP协议是无状态的协议&#xff…...

编程日记 2025/9/8 14:19:06

JavaScript系列03-异步编程全解析

本文介绍了异步相关的内容，包括： 回调函数与回调地狱Promise详解async/await语法Generator函数事件循环机制异步编程最佳实践 1、回调函数与回调地狱 JavaScript最初是为处理网页交互而设计的语言，异步编程是其核心特性之一。最早的异步编…...

编程日记 2025/9/9 17:54:17

深度解读 AMS1117：从电气参数到应用电路的全面剖析

在电子设备的电源管理领域，线性稳压器扮演着至关重要的角色，而 AMS1117 凭借其出色的性能和广泛的适用性，成为众多工程师的热门选择。本文将依据相关资料，对 AMS1117 的特性、应用、电气参数等方面进行详细解读。一、功能特性概…...

编程日记 2025/9/8 8:24:41

深入理解Tomcat与Web应用部署：C/S与B/S架构下的实践指南

在当今的互联网时代，Web应用的开发与部署是软件开发领域的重要组成部分。无论是传统的C/S架构，还是现代广泛应用的B/S架构，了解它们的优缺点以及如何高效部署Web应用是每个开发者都需要掌握的技能。本文将深入探讨C/S与B/S架构的区别&#xf…...

编程日记 2025/9/8 1:12:41

XML 编辑器：全面指南与最佳实践

XML 编辑器：全面指南与最佳实践引言 XML（可扩展标记语言）编辑器是处理XML文件的关键工具，对于开发人员、系统管理员以及任何需要处理XML数据的人来说至关重要。本文将全面介绍XML编辑器的概念、功能、选择标准以及最佳实践，旨在帮助读者了解如何选择和使用合适的XML编辑…...

编程日记 2025/9/11 13:16:47

Python实现GO鹅优化算法优化BP神经网络回归模型项目实战

说明：这是一个机器学习实战项目（附带数据代码文档视频讲解），如需数据代码文档视频讲解可以直接到文章最后关注获取。 1.项目背景传统BP神经网络的局限性：BP（Back Propagation）神经网络作为一种…...

编程日记 2025/9/6 13:31:58

如何配置虚拟机的IP上网

要配置虚拟机的IP地址以便上网，你可以按照以下步骤操作： 打开虚拟机软件，确保虚拟机的网络设置为“桥接模式”或“NAT模式”，这样虚拟机可以与物理网络连接。在虚拟机操作系统中，打开网络设置界面，一般在…...

编程日记 2025/9/9 13:35:52

【洛谷贪心算法题】P1094纪念品分组

该题运用贪心算法，核心思想是在每次分组时，尽可能让价格较小和较大的纪念品组合在一起，以达到最少分组的目的。【算法思路】输入处理：首先读取纪念品的数量n和价格上限w，然后依次读取每件纪念品的价格，…...

编程日记 2025/9/8 1:43:14

学习笔记08——ConcurrentHashMap实现原理及源码解析

1. 概述为什么需要ConcurrentHashMap？ 解决HashMap线程不安全问题：多线程put可能导致死循环（JDK7）、数据覆盖（JDK8） 优化HashTable性能：通过细粒度锁替代全局锁，提高并发度对比…...

编程日记 2025/8/30 10:02:43

redis slaveof 命令执行后为什么需要清库重新同步

在 Redis 中，执行 SLAVEOF（或 REPLICAOF）命令后，从节点需要清空现有数据并重新同步的主要原因如下： 1. 保证数据一致性核心目标：确保从节点的数据与主节点完全一致。问题场景： 如果从节点之前…...

编程日记 2025/9/9 17:54:45

6-1JVM的执行引擎处理

一、执行引擎的组成结构解释器（Interpreter） 逐条解释执行字节码指令，启动速度快但执行效率较低。适用于短生命周期或对启动时间敏感的场景，如调试环境。即时编译器（JIT Compiler） 通过动态…...

编程日记 2025/9/7 14:44:59

CMU15445(2023fall) Project #4 - Concurrency Control踩坑历程

把树木磨成月亮最亮时的样子， 就能让它更快地滚下山坡， 有时会比骑马还快。完整代码见： SnowLegend-star/CMU15445-2023fall: Having Conquered the Loftiest Peak, We Stand But a Step Away from Victory in This Stage. With unwavering…...

编程日记 2025/9/11 3:48:43

腿足机器人之十三-强化学习PPO算法

腿足机器人之十三-强化学习PPO算法腿足机器人位姿常用强化学习算法PPO算法核心原理PPO算法的创新设计PPO算法典型流程优势函数对于复杂地形适应性（如楼梯、碎石路），传统的腿足机器人采用基于模型的控制器，该方法依赖精确动力学建…...

编程日记 2025/9/11 9:50:53

ubuntu下r8125网卡重启丢失修复案例一则

刚装的一台服务器，ubuntu24.04，主板网卡是r8125，安装服务后会莫名其妙丢失驱动按照官网的方法下载最新8125驱动包： Realtek 然后卸载驱动 rmmod r8125 然后在驱动包里安装（幸好我之前装了build-essential&#x…...

编程日记 2025/9/7 18:03:10

设计一个“车速计算”SWC，通过Sender-Receiver端口输出车速信号。

1. 需求分析功能目标：根据车轮脉冲信号（轮速传感器输入）计算当前车速，并将结果通过Sender端口发送给其他SWC。输入：轮速脉冲数（如WheelPulse，类型uint32）。输出：车速（如VehicleSpeed，类型float32，单位km/h）。触发方式：周期性计算（例如每10ms执行一次）。 2.…...

编程日记 2025/9/11 20:01:45

DeepSeek 使用窍门与提示词写法指南

一、通用提示词技巧窍门分类技巧说明示例提示词明确需求用“角色任务要求”明确目标作为健身教练，为30岁上班族设计一周减脂计划，需包含饮食和15分钟居家训练结构化提问分步骤、分模块提问第一步：列出Python爬虫必备的5个库；第二…...

编程日记 2025/9/9 22:33:19

MySQL零基础教程12—聚合查询（聚合函数）

背景有时候我们需要汇总一些数据，比如查询一个班级的平均分数，这个时候我们需要的是把分数汇总，然后计算出一个平均值进行返回，并不需要返回某一列的值，针对这种场景，mysql中提供了一些聚合函数帮助快速完…...

编程日记 2025/9/8 21:54:34

JMeter 引入 JAR 包的几种方法

JMeter 支持加载外部 JAR 文件，用于： 扩展 JMeter 功能使用 Java 代码（BeanShell / JSR223）连接数据库 / 解析 Excel / 读取 CSV 📌 1. JMeter 引入 JAR 包的方式 ✅ 方式 1：将 JAR 放入 lib/ 或 lib/ext…...

编程日记 2025/9/7 18:01:00

一周一个Unity小游戏2D反弹球游戏 - 球板的发球

前言本文将实现当游戏开始时球在球板上，且不具备物理性，在Windows平台上通过点击屏幕来球发射，安卓平台上当手指触摸到屏幕上时进行发球，并此时开始具备物理性。发球逻辑首先在球板上创建一个球的发射点，新建一个空的游戏物体，并命名为BallPoint，并将其作为SpringBoa…...

编程日记 2025/9/11 7:38:28

C++Primer学习（4.8位运算符）

4.8位运算符位运算符作用于整数类型的运算对象，并把运算对象看成是二进制位的集合。位运算符提供检查和设置二进制位的功能，如17.2节(第640页)将要介绍的，一种名为bitset的标准库类型也可以表示任意大小的二进制位集合,所以位运算符同样能用…...

编程日记 2025/9/9 21:24:23

Linux | Ubuntu 与 Windows 双系统安装 / 高频故障 / UEFI 安全引导禁用

注：本文为 “buntu 与 Windows 双系统及高频故障解决” 相关文章合辑。英文引文，机翻未校。 How to install Ubuntu 20.04 and dual boot alongside Windows 10 如何将 Ubuntu 20.04 和双启动与 Windows 10 一起安装 Dave’s RoboShack Published in…...

编程日记 2025/9/9 21:47:11

SpringSecurity 实现token 认证

配置类 Configuration EnableWebSecurity EnableGlobalMethodSecurity(prePostEnabledtrue) public class SpringSecurityConfig extends WebSecurityConfigurerAdapter { Bean Override public AuthenticationManager authenticationManagerBean() throws Exception {return s…...

编程日记 2025/9/11 17:03:59