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

游戏开发的TypeScript(5)TypeScript的类型转换

news 来源：原创 2025/8/23 1:34:15

TypeScript的类型转换

游戏开发中，事件经常会携带一些数据，而这些数据会做类型上的转化，在这种情况下，类型转换（Type Assertion）能够让你手动把某个值指定为特定类型。这在 TypeScript 无法自动推断出正确类型时非常有用。

类型断言（Type Assertion）

类型断言有两种表达方式：

尖括号语法：<类型>值
as 语法：值 as 类型

下面是具体示例：

let someValue: any = "这是一个字符串";
// 使用尖括号语法进行类型断言
let strLength1: number = (<string>someValue).length;
// 使用 as 语法进行类型断言
let strLength2: number = (someValue as string).length;

非空断言操作符（Non-null Assertion Operator）

非空断言操作符 ! 可以用来断言某个表达式的值不为 null 或 undefined。示例如下：

function printLength(something: string | null | undefined) {// 使用 ! 断言 something 不为 null 或 undefinedconsole.log((something!).length);
}
printLength("hello"); // 输出 5
printLength(null); // 运行时会报错

类型守卫（Type Guards）

类型守卫能够在运行时对某个值的类型进行检查，进而缩小类型范围。常见的类型守卫方式有以下几种：

typeof 类型守卫

function printValue(x: string | number) {if (typeof x === 'string') {console.log(x.toUpperCase()); // 此时 x 的类型被缩小为 string} else {console.log(x.toFixed(2));    // 此时 x 的类型被缩小为 number}
}

instanceof 类型守卫

class Car {drive() { console.log("开车..."); }
}
class Bike {ride() { console.log("骑车..."); }
}
function move(vehicle: Car | Bike) {if (vehicle instanceof Car) {vehicle.drive(); // 此时 vehicle 的类型被缩小为 Car} else {vehicle.ride();  // 此时 vehicle 的类型被缩小为 Bike}
}

自定义类型守卫

function isString(x: any): x is string {return typeof x === 'string';
}
function printIfString(x: any) {if (isString(x)) {console.log(x.toUpperCase()); // 此时 x 的类型被缩小为 string}
}

类型兼容与转换

子类到父类的转换：这种转换是自动完成的。

class Animal {}
class Dog extends Animal {}
let dog: Dog = new Dog();
let animal: Animal = dog; // 自动转换，无需断言

父类到子类的转换：需要进行类型断言。

let animal: Animal = new Dog();
let dog: Dog = animal as Dog; // 需要断言

类型转换的风险

类型断言实际上是把类型检查的责任从编译器转移到了开发者身上。如果使用不当，可能会引发运行时错误。

let x: any = 123;
let y = x as string;
console.log(y.toUpperCase()); // 运行时会报错，因为 x 实际上是 number 类型

总结

类型断言有 <类型>值 和 值 as 类型 这两种语法形式。
非空断言操作符 ! 可以断言某个值不为 null 或 undefined。
类型守卫能够在运行时缩小类型范围。
要谨慎使用类型断言，避免引发运行时错误。

在开发时，有必要才使用类型转换，优先考虑使用类型守卫和泛型等更安全的类型操作方式。

与Javascript类型转换的比较

TypeScript 和 JavaScript 的类型转换在本质上有很大不同，主要体现在类型系统的严格性、转换方式以及转换时机上。

1. 类型系统基础

JavaScript：
是动态类型语言，变量的类型在运行时确定，没有编译阶段的类型检查。类型转换通常是隐式的（自动转换）或通过内置函数（如 String()、Number()）显式进行。
TypeScript：
是静态类型语言，在编译阶段进行类型检查。类型转换主要通过类型断言、类型守卫或类型兼容规则实现，不会改变值的实际类型（仅影响编译器的类型推断）。

2. 转换方式对比

JavaScript 的类型转换

JavaScript 的类型转换分为隐式转换和显式转换：

隐式转换：由操作符或函数自动触发。

const num = 10;
const str = "5";
console.log(num + str); // 隐式转换为字符串："105"
console.log(num - str); // 隐式转换为数字：5

显式转换：通过内置函数手动转换。

const num = Number("42");       // 字符串 → 数字
const str = String(42);         // 数字 → 字符串
const bool = Boolean(0);        // 数字 → 布尔值
const arr = Array.from("hello"); // 字符串 → 数组

TypeScript 的类型转换

TypeScript 的类型转换是静态的，仅在编译阶段生效，不会改变值的实际类型：

类型断言：手动指定类型。

let value: any = "hello";
let length: number = (value as string).length; // 断言为 string 类型

类型守卫：在运行时检查类型。

function printLength(x: string | number) {if (typeof x === "string") {console.log(x.length); // 类型守卫确保 x 是 string} else {console.log(x.toString()); // 类型守卫确保 x 是 number}
}

非空断言：断言值不为 null 或 undefined。

const element = document.getElementById("my-element")!; // 断言元素存在

3. 安全性差异

JavaScript：
类型转换完全依赖开发者的运行时逻辑，错误的转换会导致运行时错误（如 undefined 调用方法）。
```
const value = null;
console.log(value.length); // 运行时错误：Cannot read property 'length' of null
```
TypeScript：
类型断言仅影响编译时的类型检查，若断言错误，运行时仍会出错，但编译器不会报错。
```
let value: any = null;
let length: number = (value as string).length; // 编译通过，但运行时错误
```
因此，TypeScript 的类型转换需要开发者自行确保断言的正确性。

4. 应用场景

JavaScript：
主要用于处理动态数据（如用户输入、API 返回值），或解决类型不匹配的问题。

TypeScript：

处理第三方库或 DOM API 的类型不明确问题。
断言联合类型的具体分支。
与 JavaScript 交互时（如 any 类型转换）。

// 示例：处理 DOM 元素
const element = document.getElementById("my-input") as HTMLInputElement;
console.log(element.value); // 断言为 HTMLInputElement 类型

5. 总结对比表

特性	JavaScript	TypeScript
类型系统	动态类型，运行时确定类型	静态类型，编译时检查类型
转换方式	隐式转换（自动）和显式转换（内置函数）	类型断言、类型守卫、类型兼容规则
转换时机	运行时	编译时（仅影响类型推断）
安全性	无编译时检查，错误转换导致运行时错误	编译时检查，但断言错误仍可能导致运行时错误
常见工具	`String()`、`Number()`、`Boolean()` 等	`as`、`<类型>`、`typeof`、`instanceof`

关键区别

TypeScript 不改变运行时值：类型断言只是告诉编译器 “按我指定的类型处理”，不会修改实际数据。
JavaScript 直接操作值：类型转换会实际改变值的类型（如字符串转数字）。
TypeScript 更安全：通过类型系统减少潜在错误，但需谨慎使用断言。

理解这些差异后，游戏开发者可以在 TypeScript 中更安全地使用类型转换，同时避免 JavaScript 中常见的类型相关错误。

游戏开发的TypeScript(5)TypeScript的类型转换

TypeScript的类型转换游戏开发中，事件经常会携带一些数据，而这些数据会做类型上的转化，在这种情况下，类型转换（Type Assertion）能够让你手动把某个值指定为特定类型。这在 TypeScript 无法自动推断出正确…...

编程日记 2025/8/23 1:34:15

旋转图像（中等）

借助辅助矩阵来翻转： 第i行第j列的元素会出现在新矩阵的第j行倒数第i列。 class Solution {public void rotate(int[][] matrix) {int n matrix.length;int[][] matrix_new new int[n][n];for (int i 0; i < n; i) {for (int j 0; j < n; j) {matrix_ne…...

编程日记 2025/8/23 2:39:20

慢sql处理流程和常见案例

思维导图: 在 MySQL 数据库管理中，慢查询是影响系统性能的常见痛点。随着 MySQL 8 版本的普及，其新增特性（如 CTE、隐藏索引、JSON 格式执行计划等）为慢查询优化提供了更强大的工具。本文结合 MySQL 8 的特性，通过代码…...

编程日记 2025/8/23 2:38:38

Kubernetes控制平面组件：Controller Manager 之内置Controller详解

云原生学习路线导航页（持续更新中） kubernetes学习系列快捷链接 Kubernetes架构原则和对象设计（一）Kubernetes架构原则和对象设计（二）Kubernetes架构原则和对象设计（三）Kubernetes控…...

编程日记 2025/8/23 2:47:42

E-R图作业

1.一个图书馆借阅管理数据库要求提供下述服务： （１）可随时查询书库中现有书籍的品种、数量与存放位置。所有各类书籍均可由书号惟一标识。 （２）可随时查询书籍借还情况，包括借书人单位…...

编程日记 2025/8/20 16:04:31

debuginfo详解

debuginfo 是 Linux 系统中存储调试符号和源代码信息的特殊软件包，用于分析内核或用户态程序的崩溃转储文件（如 vmcore、coredump）。它在调试复杂问题（如内核崩溃、程序段错误）时至关重要。以下是其核心作用、安装方法…...

编程日记 2025/8/20 16:04:29

Android学习总结之GetX库篇（场景运用）

状态管理在一个复杂的 Flutter 应用里，怎样借助 GetX 管理多个相互关联的状态，并且保证代码的可维护性和性能？ 考察点：对 GetX 状态管理的深入理解，以及在复杂场景下运用它的能力。解答思路： 采用模块…...

编程日记 2025/8/20 16:04:27

android-ndk开发(5): 编译运行 hello-world

android-ndk开发(5): 编译运行 hello-world 2025/05/05 1. 概要 hello-world 是每一门语言的第一个样例程序， 跑通它， 在一段时间内你会相当顺畅： 可以边学边实验， 根据运行结果得到反馈。而对于 android-ndk 开发而言&#…...

编程日记 2025/8/21 20:34:58

【PostgreSQL数据分析实战：从数据清洗到可视化全流程】6.1 客户分群分析（RFM模型构建）

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路文章大纲 PostgreSQL数据分析实战：RFM模型构建实现客户分群分析6.1 客户分群分析——RFM模型构建6.1.1 RFM模型核心指标解析6.1.2 数据准备与清洗规范数据表结构设计数据清…...

编程日记 2025/8/23 2:30:05

stm32之TIM定时中断详解

目录 1.引入1.1 简介1.2 类型1.2.1 基本定时器1.2.2 通用定时器1. 触发控制单元 (Trigger Control Unit)2. 输入捕获单元 (Input Capture Unit)3. 输出比较单元 (Output Compare Unit)4. CNT 计数器5. 自动重装载寄存器 (ARR)6. 预分频器 (PSC)7. 中断与 DMA 事件8. 刹车功能 (…...

编程日记 2025/8/22 3:05:33

【Hive入门】Hive安全管理与权限控制：用户认证与权限管理深度解析

目录引言 1 Hive安全管理体系概述 2 Hive用户认证机制 2.1 Kerberos集成认证 2.1.1 Kerberos基本原理 2.1.2 Hive集成Kerberos配置步骤 2.1.3 Kerberos认证常见问题排查 2.2 LDAP用户同步 2.2.1 LDAP协议概述 2.2.2 Hive集成LDAP配置 2.2.3 LDAP与Hive用户同步架构…...

编程日记 2025/8/23 2:38:37

解决DNS劫持问题

什么是DNS劫持？ DNS劫持（DNS Hijacking）是指通过篡改DNS配置，将用户的域名解析请求引导到恶意服务器的攻击方式。这种攻击常见于恶意软件、路由器漏洞或DNS配置被修改的情况下。攻击者通过这种方式控制了用户访问的网站&#xff…...

编程日记 2025/8/22 10:47:21

android-ndk开发(1): 搭建环境

android-ndk开发(1): 搭建环境 2025/05/05 1. 目的写一些 C/C 代码， 例如 cv 基础算法， 并交叉编译到 android 平台。不涉及 JNI、 Java、 Kotlin， 暂不涉及 rust。基本上能适用于华为鸿蒙的 ohos ndk。那么， 为了完成交叉…...

编程日记 2025/8/22 11:11:55

力扣面试150题-- 翻转二叉树

Day 41 题目描述做法 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* TreeNode(int val) { this.val val; }* TreeNode(int val, TreeNode left, TreeNode right…...

编程日记 2025/8/22 5:45:11

开源模型应用落地-qwen模型小试-Qwen3-8B-推理加速-vLLM（一）

一、前言随着大语言模型的参数规模持续膨胀，如何在有限算力下实现高效推理成为行业焦点。阿里云推出的Qwen3-8B，凭借其卓越的语言理解与生成能力，已在多个基准测试中展现竞争力。而vLLM框架作为大模型部署的“加速器”，通过PagedAttention实现内存的高效管理，并支持连续批…...

编程日记 2025/8/23 2:42:56

brep2seq kaggle安装 micromamba conda环境

https://github.com/zhangshuming0668/Brep2Seq Micromamba Installation — documentation !curl -Ls https://micro.mamba.pm/api/micromamba/linux-64/latest | tar -xvj bin/micromamba A Synthetic CAD Models Dataset for Deep Learning kaggle只有20g，等我有…...

编程日记 2025/8/23 2:45:14

钩子函数和参数：Vue组件生命周期中的自定义逻辑

🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、…...

编程日记 2025/8/20 1:22:44

SpringBoot企业级开发之【文件上传】

看一下我们的需求： 接口文档： 分析思路： 现在我们先实现后端先： 实操： 一.存储到本地磁盘： 1.Controller 创建一个FileUploadController类 package org.huangyingyuan.controller;import org.huangyingyu…...

编程日记 2025/8/22 4:45:18

Linux系统安装PaddleDetection

一、安装cuda 1. 查看设备先输入nvidia-smi，查看设备支持的最大cuda版本，选择官网中支持的cuda版本 https://www.paddlepaddle.org.cn/install/quick?docurl/documentation/docs/zh/install/conda/linux-conda.html 2. 下载CUDA并安装使用快捷键…...

编程日记 2025/8/22 23:53:38

JVM 内存结构全解析

带你深入 JVM 内存结构，搞懂运行时数据区到底是怎么回事 JVM 的内存结构到底长什么样？程序计数器、虚拟机栈、堆、方法区、直接内存到底有什么用？这篇文章将从实际运行角度出发，用一篇文章彻底讲透 JVM 的运行时数据区。一、为什么你必须搞懂 JVM 内存结构？在一次线上…...

编程日记 2025/8/20 16:04:04

K8S node ARP 表爆满如何优化

当 Kubernetes 节点的 ARP 表爆满时，可能会导致网络通信故障。以下是针对该问题的优化策略和解决方案： 一、ARP 表爆满的危害网络不通：新的 ARP 请求无法被处理，导致数据包无法转发。性能下降：ARP 表查找效率降低&a…...

编程日记 2025/8/20 16:04:02

SpringMVC——第7章:HttpMessageConverter

一、HttpMessageConverter HttpMessageConverter是Spring MVC中非常重要的一个接口。翻译为：HTTP消息转换器。该接口下提供了很多实现类，不同的实现类有不同的转换方式。 1.什么是HTTP消息 HTTP消息其实就是HTTP协议。HTTP协议包括请求协议和响应协议。…...

编程日记 2025/8/22 14:25:54

【PostgreSQL数据分析实战：从数据清洗到可视化全流程】4.4 异构数据源整合（CSV/JSON/Excel数据导入）

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路文章大纲 PostgreSQL异构数据源整合：CSV/JSON/Excel数据导入全攻略4.4 异构数据源整合：多格式数据导入实战4.4.1 CSV数据导入：高效批量处理4.4.1.1…...

编程日记 2025/8/20 16:03:58

在macOS上安装windows系统

使用Boot Camp 1. 准备工作：确认Mac满足Boot Camp系统要求，准备好Windows安装光盘或ISO映像文件，以及一个至少8GB的空白USB闪存驱动器用于保存驱动程序。 2. 打开Boot Camp助理：在“应用程序”文件夹的“实用工具”中找到“Boot…...

编程日记 2025/8/20 16:03:57

最长回文子串(动规 + 中心拓展)

目录 [BM73 最长回文子串](https://www.nowcoder.com/practice/b4525d1d84934cf280439aeecc36f4af?tpId295&tags&title&difficulty0&judgeStatus0&rp0&sourceUrl/exam/oj?questionJobId10&subTabNameonline_coding_page)1. 动态规划(1)状态表示:…...

编程日记 2025/8/20 16:03:55

学习海康VisionMaster之亮度测量

一：进一步学习了今天学习下VisionMaster中的亮度测量：这个和前面学习的都不一样了，这个是测量ROI区域内的平均亮度等 1：什么是亮度测量？ 我们工业上用的相机里面有一个感光芯片（CCD/CMOS）&…...

编程日记 2025/8/20 14:42:35

LeetCode 238：除自身以外数组的乘积（Java实现）

文章目录 **题目描述**解决思路1. 两次遍历法（左右乘积法）2. 核心思想 Java代码实现复杂度分析示例说明步骤分解注意事项总结题目描述给定一个整数数组 nums，返回一个数组 answer，其中 answer[i] 等于 nums 中除 nums[i] 之外…...

编程日记 2025/8/20 18:36:14

LintCode第23题-判断数字与字母字符第145题-大小写转换第283题-三数之中的最大值

思路: 直接使用包装类的方法来判断比如: isLetter(char c)判断是否是字母（包括大小写、非英语字母也行） isDigit(char c)判断是否是数字（0~9） isLetterOrDigit(char c)是否是字母或数字（等价于 isLetter isLower…...

编程日记 2025/8/20 12:17:03

Visual Studio 项目转Qt项目

1. 先确保qmake 和 minGW （g） 路径都在系统变量内；或者通过WinR -> cmd 来检测， 如果能够显示qmake 的信息 ， g 的信息 ， 就说明设置环境变量成功。 2. 打开项目文件夹，在这里打开cmd, 换…...

编程日记 2025/8/20 16:03:53

判断字符是否唯一 --- 位运算

目录一：题目二：算法与原理三：代码分析一：题目题目链接：面试题 01.01. 判定字符是否唯一 - 力扣（LeetCode） 二：算法与原理三：代码分析 class Solution { publ…...

编程日记 2025/8/20 16:03:52

react路由使用方法

react路由常用方法一、router安装与基础路由二、路由跳转三、路由参数四、路由嵌套无论是小程序端、web端还是移动端前端开发都需要使用到路由组件，学会了路由之后便可以灵活开发各种交互页面。可以说路由在前端开发中占有非常重要的位置。在React中，路由使用方式和Vue比较相…...

编程日记 2025/8/20 16:03:50

Wannier90文件与参数

Wannier90源码https://github.com/wannier-developers/wannier90/releases/tag/v3.1.0 用法 Wannier90 可以以两种模式运行： 后处理模式 Post-processing mode：从文件中读取第一性原理代码计算得到的重叠和投影。我们预计这是使用 wannier90 最常见的…...

编程日记 2025/8/20 16:03:48

学习黑客Nmap 原理

练气期第一重 — 神识探查术（Nmap 原理） 场景设定诸位道友（学生）刚踏入信息安全修真界，手中只有一柄“网路灵剑”（本地终端）。想要探知远处服务器的灵脉（端口）、功法&am…...

编程日记 2025/8/20 16:03:47

VBA信息获取与处理专题五:VBA利用CDO发送电子邮件

《VBA信息获取与处理》教程(版权10178984)是我推出第六套教程，目前已经是第一版修订了。这套教程定位于最高级，是学完初级，中级后的教程。这部教程给大家讲解的内容有：跨应用程序信息获得、随机信息的利用、电子邮件的发送、VBA互…...

编程日记 2025/8/20 8:40:54

Git 第一讲---基础篇 git基础概念与操作

前言： Git，作为目前全球最流行的分布式版本控制系统，以其高效、灵活和强大的分支管理能力，成为开发者手中不可或缺的工具。从个人开源项目到企业级应用，Git的身影无处不在。然而，对初学者而言，…...

编程日记 2025/8/22 17:02:26

心衰生物标志物NT-ProBNP和BNP

B型利钠肽（BNP）和N末端B型利钠肽原（NT-proBNP）都属于利尿钠肽（NP）家族。当发生心衰时，NT-ProBNP和BNP的浓度会升高，它们是心衰（HF）和心功能障碍诊疗中应用最广…...

编程日记 2025/8/19 22:11:27

Winform（11.案例讲解1）

今天写两个案例，用于更好的理解控件的使用在写之前先写一个类 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace _1.案例讲解 { internal class Student { public string …...

编程日记 2025/8/21 23:09:34

卡尔曼滤波详解

1. 卡尔曼滤波能解决什么问题？ 卡尔曼滤波用于解决含噪声的动态系统状态估计问题，例如： 通过GPS和IMU数据估计车辆位置通过电压电流测量估计电池电量(SOC) 雷达追踪飞行器轨迹它的核心优势是： 递归计算：只需前一…...

编程日记 2025/8/20 16:03:42

数据类型：String

String目录 SetGetMsetMgetIncrIncrbySubstrGetrangeSetrange String是字符串类型， redis给我们提供了String类型的value， 但是内部的实现一共有三种： int、embstr、raw； 三种的不同之处在于当value长度较小的时候使用embstr和int…...

编程日记 2025/8/20 16:03:40

【C/C++】inline关键词

C inline 关键字学习笔记一、什么是 inline 函数？ inline（内联）是 C 中的一个关键字，表示“将函数的代码直接插入到调用点”，以减少函数调用开销，提升执行效率。 ✅ 注意：inline 是一种“请求…...

编程日记 2025/8/20 18:36:12

Hive安装与配置教程

Hive安装与配置教程 1. 环境准备 1.1 系统要求 Java 8或更高版本Hadoop 2.x或更高版本MySQL或其他关系型数据库（用于存储元数据） 1.2 安装依赖 # 安装Java sudo apt update sudo apt install openjdk-8-jdk# 安装MySQL sudo apt install mysql-serv…...

编程日记 2025/8/19 23:00:12

C++负载均衡远程调用学习之获取主机信息功能

目录 01Lars-lbAgentV0.2-赋值均衡数据结构关系分析 02 Lars-lbAgent0.2-host_info-load_balance-route_lb数据结构的定义 03Lars-lbAgentV0.2-proto协议的定义 04 Lars-lbAgentV0.2-route_lb与UDP server的关联 05 -Lars-lbAgentV0.2-route_lb与UDP server的关联 06Lars…...

编程日记 2025/8/20 8:06:14

C++ 适配器模式详解

适配器模式（Adapter Pattern）是一种结构型设计模式，它允许不兼容的接口之间能够协同工作。概念解析适配器模式的核心思想是： 接口转换：将一个类的接口转换成客户希望的另一个接口兼容性：使原本由于接…...

编程日记 2025/8/22 3:05:40

2025.5.5总结

今日感悟：这假期就这样结束了，玩了一次滑板，打扫了一次租房，出去逛了一次街，看完了一本书，追了一部剧。既没有家人，也没有能一同畅饮的同学，更没有对象，显得确实有些孤独…...

编程日记 2025/8/21 20:57:12

数据链路层（MAC 地址）

目录一、前言： 二、以太网： 三、MAC 地址的作用： 四、ARP协议： 一、前言： 数据链路层主要负责相邻两个节点之间的数据传输，其中，最常见数据链路层的协议有以太网（通过光纤 / 网…...

编程日记 2025/8/19 21:13:10

kotlin 05flow -从 LiveData 迁移到 Kotlin Flow 完整教程

一从 LiveData 迁移到 Kotlin Flow 完整教程 LiveData 长期以来是 Android 架构组件中状态管理的核心，但随着 Kotlin Flow 的成熟，Google 官方推荐将现有 LiveData 迁移到 Flow。本教程基于官方文章并扩展实践细节，完成平滑迁移。一、为什…...

编程日记 2025/8/20 18:36:00

PostgreSQL 的 pg_ls_waldir 函数

PostgreSQL 的 pg_ls_waldir 函数 pg_ls_waldir 是 PostgreSQL 中用于列出预写式日志(WAL)目录内容的重要函数，特别适用于 WAL 文件管理和数据库恢复场景。一、函数基本说明语法 pg_ls_waldir() RETURNS SETOF text功能返回 WAL 目录中所有文件的名称集合在…...

编程日记 2025/8/20 1:47:47