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

【愚公系列】《鸿蒙原生应用开发从零基础到多实战》002-TypeScript 类型系统详解

news 来源：原创 2025/9/17 19:56:55

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

文章目录

🚀前言
🚀一、TypeScript 类型系统详解
- 🔎1.基础类型定义
- 🔎2.任意值（Any）
- 🔎3.联合类型
- 🔎4.数组类型定义
- - 🦋4.1 类型 + 方括号
  - 🦋4.2 泛型数组（`Array<T>`）
  - 🦋4.3 任意类型数组
- 🔎5.对象的类型——接口（Interfaces）
- - 🦋5.1 基本接口
  - 🦋5.2 可选属性
  - 🦋5.3 任意属性
- 🔎6.函数的类型定义
- - 🦋6.1 基础函数类型
  - 🦋6.2 参数默认值
  - 🦋6.3 可选参数
  - 🦋6.4 类型别名
- 🔎7.总结

🚀前言

🚀一、TypeScript 类型系统详解

🔎1.基础类型定义

语法格式：变量名: 类型 = 值

类型	示例	说明
布尔类型	`let flag: boolean = false;`	仅接受 `true`/`false`
数值类型	`let num: number = 15;`	支持整数、浮点数、二进制等
字符串类型	`let str: string = "abc";`	支持单引号、双引号、模板字符串
模板字符串	let msg = `hello, ${str}, ${num}`;	使用反引号拼接变量
`null`/`undefined`	`let u: undefined = undefined;` `let n: null = null;`	需显式声明类型

let flag:boolean = false; //布尔类型
let num:number = 15; //数值类型
let str:string = 'abc'; //字符串类型
let str2:string=`hello,${str}`;
let msg:string = `hello,${str},${num}`;
let u: undefined = undefined;
let n: null = null;

🔎2.任意值（Any）

特点：允许赋值为任意类型，关闭类型检查。

let a1: string = 'seven';
a1 = 7;//error
但如果是 any 类型，则允许被赋值为任意类型。
let a2: any = 'seven';
a2 = 7;
变量如果在声明的时候，未指定其类型，那么它会被识别为任意值类型
let a3;
a3 = 'seven';
a3 = 7;
相当于
let a3:any;
a3 = 'seven';
a3 = 7;

注意事项：滥用 any 会丧失类型安全，应谨慎使用。

🔎3.联合类型

定义：变量可以是多种类型中的一种，用 | 分隔。

let a4: string | number;
a4 = "seven"; // 合法
a4 = 7;       // 合法
a4 = true;    // 报错：不能赋值给联合类型

联合类型的限制
只能访问共有属性或方法：

function getLength(str: string | number): number {return str.length; // 报错：number 没有 length 属性
}

解决方法：类型断言或类型保护。

// 类型断言（明确告知类型）
function getLength(str: string | number[]): number {return (str as number[]).length; // 断言为数组
}// 类型保护（运行时检查）
function getLength(str: string | number[]): number {if (Array.isArray(str)) {return str.length; // 合法}return str.length;   // 报错：number 没有 length
}

🔎4.数组类型定义

🦋4.1 类型 + 方括号

let arr: number[] = [1, 2, 3]; // 仅允许数值
let arrError: number[] = [1, "2", 3]; // 报错：包含字符串

🦋4.2 泛型数组（`Array<T>`）

let arrGeneric: Array<number> = [1, 2, 3];
let arrMultiType: Array<number | string> = ["1", 2, 3];

泛型优势：支持更灵活的类型组合，适用于复杂数据结构。

🦋4.3 任意类型数组

let arrAny: any[] = [1, "1", true, { id: 1 }]; // 允许任意类型

🔎5.对象的类型——接口（Interfaces）

🦋5.1 基本接口

interface Person {name: string;age: number;
}let tom: Person = { name: "Tom", age: 18 
}; // 合法let tomError: Person = { name: "Tom" 
}; // 报错：缺少 age 属性

🦋5.2 可选属性

interface Person2 {name: string;age?: number; // 可选属性
}let tom4: Person2 = { name: "Tom" 
}; // 合法

🦋5.3 任意属性

interface Person3 {name: string;age?: number;[propName: string]: any; // 允许任意额外属性
}let tom6: Person3 = { name: "Tom", sex: "男" 
}; // 合法

关键规则：
一旦定义任意属性，其他属性的类型必须是其子类型。
例如，若 [propName: string]: string，则 age: number 会报错。

🔎6.函数的类型定义

🦋6.1 基础函数类型

function sum(x: number, y: number): number {return x + y;
}

🦋6.2 参数默认值

function sum3(x: number = 5, y: number): number {return x + y;
}sum3(undefined, 2); // x 使用默认值 5

注意：默认参数应放在参数列表末尾，否则需显式传 undefined。

🦋6.3 可选参数

function sum4(x: number, y?: number): number[] {return [x, y];
}sum4(1); // 返回 [1, undefined]

规则：可选参数必须位于必选参数之后。

🦋6.4 类型别名

function myHello(person: n) {return 'Hello, ' + person;
};
type n = number;
let name:n = 18;
console.log(myHello(name));

🔎7.总结

特性	核心要点
类型注解	明确变量类型，增强代码可读性和安全性。
联合类型	通过 `
泛型数组	使用 `Array<T>` 提高灵活性，适用于复杂数据。
接口	约束对象形状，支持可选属性和任意属性，需注意类型兼容性。
函数类型	参数类型、返回值类型、可选参数和默认值的组合使用。

避坑指南：

联合类型方法调用：确保访问的属性是所有类型的共有属性。
接口任意属性：定义后，其他属性必须兼容任意属性的类型。
函数默认参数：默认参数应放在参数列表末尾，避免调用时歧义。

【愚公系列】《鸿蒙原生应用开发从零基础到多实战》002-TypeScript 类型系统详解

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

编程日记 2025/9/17 19:56:55

C# 将非托管Dll嵌入exe中（一种实现方法）

一、环境准备电脑系统：Windows 10 专业版 20H2 IDE：Microsoft Visual Studio Professional 2022 (64 位) - Current 版本 17.11.4 其他：二、测试目的将基于C++创建DLL库，封装到C#生成的exe中。一般C++创建的库，在C#中使用，都是采用DllImport导入的，且要求库处…...

编程日记 2025/9/14 4:49:48

c sharp 特性详解

文章目录一、特性基础用法二、常见的内置特性三、自定义特性四、通过反射读取特性五、实际应用场景六、练习一、特性基础用法什么是特性？ 特性是一种继承System.Attribute类，用于标记代码元素特性的语法： [AttributeName(Parameter1, P…...

编程日记 2025/9/9 13:55:22

Langchain vs. LlamaIndex：哪个在集成MongoDB并分析资产负债表时效果更好？

Langchain vs. LlamaIndex：哪个在集成MongoDB并分析资产负债表时效果更好？ 随着大语言模型（LLM）在实际应用中的普及，许多开发者开始寻求能够帮助他们更高效地开发基于语言模型的应用框架。在众多框架中，La…...

编程日记 2025/9/14 0:28:57

MySQL日常维护工具------备份

MySQL日常维护工具-备份一、MySQL字符集 （一）字符集介绍字符(Character)是各种文字和符号的总称，包括各国家文字、标点符号、图形符号、数字等。字符集(Character set)是多个字符的集合，字符集种类较多，每个字符集…...

编程日记 2025/9/14 0:28:55

硬核技术组合！用 DeepSeek R1、Ollama、Docker、RAGFlow 打造专属本地知识库

文章目录一、引言二、安装Ollama部署DeepSeekR1三、安装Docker四、安装使用RAGFlow4.1 系统架构4.2 部署流程4.3 使用RAGFlow4.4 在RAGFlow中新增模型4.5 创建知识库4.6 创建私人助理使用RGA 一、引言本地部署DeepSeek R1 Ollama RAGFlow构建个人知识库，通过将…...

编程日记 2025/9/14 0:28:53

[VSCode]彻底卸载和重装,并搭建Java开发环境

VSCode彻底卸载由于当初是朋友帮忙装的，所以准备卸载,自己装一遍从控制面板找到 vscode 将其卸载。此时仅仅是删除了应用软件删除安装插件在图示路径中找到 .vscode 文件夹，将其删除，即可彻底清除安装的插件 C:\Users\user\.vscode …...

编程日记 2025/9/14 0:28:52

Scrum方法论指导下的Deepseek R1医疗AI部署开发

一、引言 1.1 研究背景与意义在当今数智化时代，软件开发方法论对于项目的成功实施起着举足轻重的作用。Scrum 作为一种广泛应用的敏捷开发方法论，以其迭代式开发、快速反馈和高效协作的特点，在软件开发领域占据了重要地位。自 20 世纪 90 …...

编程日记 2025/9/15 8:42:55

政安晨的AI大模型训练实践九 - 熟悉LLaMA Factory的详细参数含义-基本概念理解一下

政安晨的个人主页：政安晨欢迎 👍点赞✍评论⭐收藏希望政安晨的博客能够对您有所裨益，如有不足之处，欢迎在评论区提出指正！ 小伙伴铁子们，上手先熟悉起来训练工具的每一个参数，很重要。参照我…...

编程日记 2025/9/14 0:28:48

保姆级教程 | Office-Word中图目录制作及不显示图注引文的方法

背景由于毕业论文的格式修改需要（没错，我终于要拿下PhD了。差不多四个月没更新，主要是①根据处理完的数据完成小论文撰写；②找工作...③完成学位论文的撰写。因而对建模和数据处理的需求不高，对有些时隔久远的博文具…...

编程日记 2025/9/13 5:07:24

Linux lsblk 命令详解：查看磁盘和分区信息 (中英双语)

Linux lsblk 命令详解：查看磁盘和分区信息在 Linux 系统中，管理磁盘设备和分区是日常运维工作的重要部分。而 lsblk 命令是一个强大的工具，它用于列出系统中的块设备（block devices）信息，可以帮助我们快速…...

编程日记 2025/9/13 13:01:46

使用API有效率地管理Dynadot域名，为域名部署DNS安全拓展（DNSSEC）

关于Dynadot Dynadot是通过ICANN认证的域名注册商，自2002年成立以来，服务于全球108个国家和地区的客户，为数以万计的客户提供简洁，优惠，安全的域名注册以及管理服务。 Dynadot平台操作教程索引（包括域名邮…...

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

前后端项目部署服务器（传统部署和Docker部署）

内外网开发环境连外网（8.140.26.187），测试/生产环境连内网（172.20.59.17） 内外网地址不同，但指定的库是同一个内网IP地址范围包括： 10.0.0.0 到 10.255.255.255172.16.0.0 到 172.31.2551…...

编程日记 2025/9/15 21:22:40

深入HBase——核心组件

引入通过上一篇对HBase核心算法和数据结构的梳理，我们对于其底层设计有了更多理解。现在我们从引入篇里面提到的HBase架构出发，去看看其中不同组件是如何设计与实现。核心组件首先，需要提到的就是HBase架构中会依赖到的Zookeeper和HDFS。…...

编程日记 2025/9/14 0:28:39

虚拟机从零实现机器人控制

1. 系统安装因Docker不适合需要图形界面的开发，因此使用虚拟机VMware方便可视化界面方式查看效果，相关软件可以从官网下载，这里有一整套免费安装文件百度网盘地址： 2. ROS安装 Ubuntu 22.04：https://docs.ros.org…...

编程日记 2025/9/14 0:28:38

Linux基本指令（三）+ 权限

文章目录基本指令grep打包和压缩zip/unzipLinux和windows压缩包互传tar（重要）Linux和Linux压缩包互传 bcuname -r常用的热键关机外壳程序知识点打包和压缩 Linux中的权限用户权限基本指令 grep 1. grep可以过滤文本行 done用于标记循环的结束&#x…...

编程日记 2025/9/13 22:23:01

kafka-集群缩容

一. 简述： 当业务增加时，服务瓶颈，我们需要进行扩容。当业务量下降时，为成本考虑。自然也会涉及到缩容。假设集群有 15 台机器，预计缩到 10 台机器，那么需要做 5 次缩容操作，每次将一个节点下线…...

编程日记 2025/9/15 22:14:55

【nextJs】官网demo学习

最近在看nextjs官方的demo，把一些值得记录的记下来，方便查询； 1.连接数据库 1.1需要把代码传到远程仓库： 执行下面的命令： // 把#后面内容写入readme文件中 echo "# nextjs-dashboard" >> README.…...

编程日记 2025/9/15 22:31:04

在nodejs中使用ElasticSearch（一）安装，使用

使用docker安装ElasticSearch和Kibana 1）创建相应的data文件夹和子文件夹用来持久化ElasticSearch和kibana数据 2）提前创建好elasticsearch配置文件 data/elasticsearch/config/elasticsearch.yml文件 # Elasticsearch Configuration # # NOTE: Elas…...

编程日记 2025/9/13 22:22:56

图的最短路径:Dijkstra算法和Bellman-Ford算法(C++)

上文中我们了解了拓扑排序, 本节我们来学习最短路径的算法. 在图论中, 最短路径问题是指在一个加权图中找到两个节点之间的权重和最小的路径. 最短路径问题是一个基础且重要的主题. 它不仅在理论上具有挑战性, 而且在实际应用中也非常广泛, 比如交通导航, 社交网络分析等. 本…...

编程日记 2025/9/15 15:16:47

【WebGL】fbo双pass案例

双pass渲染案例（离线渲染一个三角面，然后渲染到一个占满屏幕的矩阵上） 离线渲染如何需要开启深度测试的话，需要额外操作，这里不展开 <!DOCTYPE html> <html lang"en"><head><meta ch…...

编程日记 2025/9/13 22:22:53

【机器学习】CNN与Transformer的表面区别与本质区别

仅供参考表面区别 1. 结构和原理： CNN：主要通过卷积层来提取特征，这些层通过滑动窗口（卷积核）捕捉局部特征，并通过池化层（如最大池化）来降低特征的空间维度。CNN非常适合处理具有网格状拓扑结构的数据，如图像。Transformer：基于自注意力（Self-Attention）机制，能…...

编程日记 2025/9/13 22:22:51

C++：pthread的使用

pthread 简介 pthread 是 POSIX 线程（POSIX Threads）的简称，它是 POSIX 标准中定义的线程接口规范。pthread 库提供了一系列函数，用于创建、销毁、同步和管理线程。在类 Unix 系统（如 Linux、macOS）中&…...

编程日记 2025/9/14 6:14:50

Docker 容器安装 Dify的两种方法

若 Windows 已安装 Docker，可借助 Docker 容器来安装 Dify： 一、方法一 1. 拉取 Dify 镜像打开 PowerShell 或命令提示符（CMD），运行以下命令从 Docker Hub 拉取 Dify 的镜像（Docker Hub中找到该命令行&…...

编程日记 2025/9/13 22:22:47

nodejs：express + js-mdict 作为后端，vue 3 + vite 作为前端，在线查询英汉词典

向 doubao.com/chat/ 提问： node.js js-mdict 作为后端，vue 3 vite 作为前端，编写在线查询英汉词典后端部分（express js-mdict ） 1. 项目结构首先，创建一个项目目录，结构如下&#xff1…...

编程日记 2025/9/13 22:22:46

mysql之事务深度解析与实战应用：保障数据一致性的基石

文章目录 MySQL 事务深度解析与实战应用：保障数据一致性的基石一、事务核心概念与原理1.1 事务的本质与意义1.2 事务的 ACID 特性1.2.1 原子性 (Atomicity)1.2.2 一致性 (Consistency)1.2.3 隔离性 (Isolation)1.2.4 持久性 (Durability) 1.3 事务隔离级别与并发问题…...

编程日记 2025/9/15 4:02:36

文章目录 1. einops2. code3. pytorch 1. einops einops 主要是通过爱因斯坦标记法来处理张量矩阵的库，让矩阵处理上非常简单。 conda : conda install conda-forge::einopspython: 2. code import torch import torch.nn as nn import torch.nn.functional as…...

编程日记 2025/9/12 22:29:53

华为云deepseek大模型平台：deepseek满血版

华为云硅基流动使用Chatbox接入DeepSeek-R1满血版671B 1、注册： 华为云deepseek大模型平台注册：https://cloud.siliconflow.cn/i/aDmz6aVN 说明：填写邀请码的话邀请和被邀请的账号都会获得2000 万 Tokens；2个帐号间不会与其他关联…...

编程日记 2025/9/15 21:22:48

Elasticsearch Open Inference API 增加了对 Jina AI 嵌入和 Rerank 模型的支持

作者：Hemant Malik 及 Joan Fontanals Martnez 探索如何使用 Elasticsearch Open Inference API 访问 Jina AI 模型。我们在 Jina AI 的朋友们将 Jina AI 的嵌入模型和重新排名产品的原生集成添加到 Elasticsearch 开放推理 API 中。这包括对行业领先的多语言文本嵌…...

编程日记 2025/9/14 21:39:56

在PHP Web开发中，实现异步处理有几种常见方式的优缺点，以及最佳实践推荐方法

1. 消息队列使用消息队列（如RabbitMQ、Beanstalkd、Redis）将任务放入队列，由后台进程异步处理。优点： 任务持久化，系统崩溃后任务不丢失。支持分布式处理，扩展性强。实现步骤： 安装消息…...

编程日记 2025/9/13 22:22:38

如何设计app测试用例

功能测试测试方法：等价类划分法、边界值法、场景法、因果图法。优先级设定：核心业务功能设为高优先级。需求覆盖正向场景、反向场景、关联接口串场景与后端开发确认测试用例是否全面覆盖后端逻辑。和产品确认用例是否覆盖本次需求，以及是否…...

编程日记 2025/9/13 1:44:12

《炒股养家心法.pdf》 kimi总结

《炒股养家心法.pdf》这篇文章详细阐述了一位超级游资炒股养家的心得与技巧，展示了其从40万到10亿的股市传奇。以下是文章中炒股技巧和心得的详细总结： 1.核心理念市场情绪的理解：炒股养家强调，股市的本质是群体博弈&#xff0c…...

编程日记 2025/9/13 22:22:34

DVWA 靶场

DVWA 靶场的通关刚建立和使用输入 http://dvwa:8898/setup.php //进入用户名密码 dvwa 你自己设计的想要进入数据库点击creat 用户名密码 admin passwordAttack type Sniper模式在Sniper模式下，Payload字典用于逐个替换请求中标记的位置。例如&#x…...

编程日记 2025/9/13 19:37:42

【C语言】（一）数据在计算机中的存储与表示

目录一、存储单位（比特/字节） 二、数制/进制（二/八/十/十六） 三、码制（原码/反码/补码/移码） 四、二进制表示小数 （一）定点数 （二）浮点数十进制转化…...

编程日记 2025/9/14 0:50:31

大语言模型微调的公开JSON数据

大语言模型微调的公开JSON数据以下是一些可用于大语言模型微调的公开JSON数据及地址： EmoLLM数据集介绍：EmoLLM是一系列能够支持理解用户、帮助用户心理健康辅导链路的心理健康大模型，其开源了数据集、微调方法、训练方法及脚本等。数据集按用处分为general和role-play两种…...

编程日记 2025/9/15 19:35:24

solidity之Foundry安装配置(一)

一门面向合约的高级编程语言，主要用来编写以太坊只能合约。 Solidity受C语言，Python和js影响，但为编译成为以太坊虚拟机字节码在EVM上执行，很多特性和限制都和EVM相关。 Solidity 是静态类型语言，支持继承、库、自定义…...

编程日记 2025/9/13 17:50:04

【个人开源】——从零开始在高通手机上部署sd（二）

代码：https://github.com/chenjun2hao/qualcomm.ai 推理耗时统计单位/ms 硬件qnncpu_clipqnncpu_unetqnncpu_vaehtp_cliphtp_unethtp_vae骁龙8 gen124716.994133440.39723.215411.097696.327 1. 下载依赖下载opencv_x64.tar,提取码: rrbp下载opencv_aarch64.t…...

编程日记 2025/9/14 1:10:54

【精调】LLaMA-Factory 快速开始4 自定义个一个sharegpt数据集并训练

数据格式说明 LLaMA Factory：微调LLaMA3模型实现角色扮演数据集参考开源模型应用落地-DeepSeek-R1-Distill-Qwen-7B-LoRA微调-LLaMA-Factory-单机单卡-V100（一）大神给出的数据集的讲解：注册如...

编程日记 2025/9/13 22:22:24

【Java】单例模式

单例模式所谓类的单例设计模式，就是采取一定的方法保证在整个的软件系统中，对某个类只能存在一个对象实例，并且该类只提供一个取得其对象实例的方法。单例模式包含懒汉式和饿汉式，运行有且仅有一个实例化对象，只会…...

编程日记 2025/9/15 7:37:55

REACT--组件通信

组件之间如何进行通信？ 组件通信组件的通信主要借助props传递值分为整体接收、解构接收整体接收 import PropTypes from prop-types;//子组件 function Welcome(props){return (<div>hello Welcome,{props.count},{props.msg}</div>) }// 对 We…...

编程日记 2025/9/14 16:34:21

第16届蓝桥杯模拟赛3 python组个人题解

第16届蓝桥杯模拟赛3 python组思路和答案不保证正确 1.填空如果一个数 p 是个质数，同时又是整数 a 的约数，则 p 称为 a 的一个质因数。请问， 2024 的最大的质因数是多少？ 因为是填空题，所以直接枚举2023~2 &am…...

编程日记 2025/9/15 1:17:32

FFMPEG编码容错处理解决办法之途径----升级库文件

在qt开发环境下接收网络数据，调用ffmpeg解码播放视频，出现闪屏现象，具体现象可以使用操作系统自带的ffplay播放器播放原始视频流可复现；而使用操作系统自带的mpv播放器播放视频则不会出现闪屏；闪屏时会报Could not fin…...

编程日记 2025/9/13 22:22:18

kkFileView报错no office manager available

背景部署环境：虚机Linux系统发生问题的版本：4.1.0-SNAPSHOT 现象：有的docx文件可以预览，有的不可以。不可以的就怎么打开都不可以（不管你是躺着，站着，坐着，睡着，趴着都不行，哈哈）报错内容贴出主要的报错内容步骤： > no office manager available > tr…...

编程日记 2025/9/13 22:22:16

C++ 设计模式-模板方法模式

文件处理 #include <iostream>// 抽象基类：定义模板方法和抽象步骤 class DataProcessor { public:// 模板方法（固定流程）void Process() {OpenFile();ProcessData(); // 由子类实现CloseFile();}protected:virtual void ProcessData…...

编程日记 2025/9/13 18:12:24

MacOS下使用Ollama本地构建DeepSeek并使用本地Dify构建AI应用

目录 1 大白话说一下文章内容2 作者的电脑配置3 DeepSeek的本地部署3.1 Ollamal的下载和安装3.2 选择合适的deepseek模型3.3 安转deepseek 4 DifyDeepSeek构建Al应用4.1 Dify的安装4.1.1 前置条件4.1.2 拉取代码4.1.3 启动Dify 4.2 Dify控制页面4.3 使用Dify实现个“文章标题生…...

编程日记 2025/9/13 22:22:13