尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

TypeScript开发基础(4)——数据类型高级特性

TypeScript开发基础(4)——数据类型高级特性
📅 发布时间:2026/6/18 22:58:56

1. 联合类型

在TypeScript中,联合类型(Union Types)允许你表示一个值可以是几种类型之一。这对于处理多种可能的数据类型非常有用,通过使用竖线符号(|)来定义一个联合类型。

let arr:(number|string)[]=[1,'a',2,'b'];

2. 类型别名

TypeScript中的类型别名是使用type关键字为现有类型创建一个新名称的机制,旨在提升代码的可读性和可维护性。‌

// 基础运算类型 type BasicOperation = 'add' | 'subtract' | 'multiply' | 'divide'; // 高级运算类型 type AdvancedOperation = 'power' | 'sqrt' | 'percentage' | 'reciprocal'; // 所有支持的运算类型 type Operation = BasicOperation | AdvancedOperation;

3. 交叉类型

交叉类型(Intersection Types)是一种类型,它结合了多个类型的特性。当你有一个交叉类型时,你可以从一个或多个类型中获取成员,这意味着你可以将多个类型的属性合并到一个类型中。

interface Person{ name:string; } interface Contact{ phone:string; } type PersonDetail=Person&Contact; let person:PersonDetail={ name:'张三', phone:'123456789' }

4. 类型推论

TypeScript 的类型推论是指编译器在没有显式类型注解的情况下,根据变量的初始值、函数返回值等上下文自动推断出类型的能力。常用在下面两种情况:

(1)变量初始化

let x = 3; // 类型推断为 number let y = 'hello world'; // 类型推断为 string let z; // 类型推断为 any(未初始化)

(2)函数返回值

function add(a: number, b: 10) { return a + b; // 返回值类型推断为 number }

5. 类型断言

在 TypeScript 中,类型断言是一种告诉编译器你比它更了解你所写的代码的方式,推荐使用as语法进行类型断言。比如,需要获取网页上一个input标签里的内容,需要使用as将获取的标签HTMLElement变成一个HTMLInputElement。

let elUserName:HTMLInputElement=document.getElementById("txtUserName") as HTMLInputElement; let elPassword:HTMLInputElement=document.getElementById("txtPassword") as HTMLInputElement; let strUserName:string=elUserName.value; let strPassword:string=elPassword.value;

6. typeof

TypeScript 中的typeof是一个类型运算符,它允许从一个值推导出其类型,从而在“值”和“类型”之间架起桥梁,使类型能够自动与真实数据保持同步。‌

console.log(typeof "Hello"); //输出string console.log(typeof 123);//输出number console.log(typeof true);//输出boolean console.log(typeof undefined);//输出undefined

相关新闻

  • 企业级高校物品捐赠管理系统管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】
  • 移动端AI绘图革命:如何在iPhone上实现秒级图像生成
  • LobeChat参会凭证短信内容

最新新闻

  • 高效能烤盘定制厂家哪个比较靠谱
  • 5家靠谱武汉黄金回收机构盘点,本地变现认准正规门店 - 奢侈品回收测评
  • 携手共建国产CAD生态,浩辰软件开发者生态网络正式成立
  • 死锁分析进阶:从日志到根因,一次搞定死锁排查
  • 2026深圳同城搬家收费标准如何确定?深圳搬家公司哪家值得信赖?深圳家顺兴搬家专业搬家服务商深度解析 - 深圳家顺兴搬家
  • Parsec VDD完全指南:免费开源的Windows虚拟显示器解决方案

日新闻

  • 5分钟掌握Python进化算法:Geatpy高性能优化工具完全指南
  • Microchip 24AA044 EEPROM选型与应用全指南:从参数解析到实战编程
  • 华为的鸿蒙到底有多牛?为什么称作遥遥领先?

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号