TypeScript(TS)
文章平均质量分 94
Dontla
Life is short, I use AI.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
TS type关键字(TS类型别名type alias、联合类型Union Types、交叉类型Intersection Types、泛型类型、条件类型、映射类型Mapped Types)
很多初学者经常问:“我都能用interface定义对象类型,那为什么还需要type呢?特性typeinterface定义对象结构✅✅可以扩展(继承)✅(通过交叉类型)✅(通过extends可以定义联合、交叉类型✅❌可以用于基本类型✅❌举个例子👇// 用 interface 定义// 用 type 定义功能相同。但如果要定义更复杂的类型,比如联合类型或条件类型,就只能用type简单对象结构→ 用interface复杂类型运算、联合、交叉→ 用type。原创 2025-10-29 22:31:12 · 975 阅读 · 0 评论 -
TS extends关键字(类继承、接口继承、类型扩展、泛型类型约束Type Constraint、条件类型分发Conditional Types、分发条件类型)
用法场景示例含义类继承子类继承父类接口继承接口扩展泛型约束限制泛型类型结构条件类型X : Y类型逻辑判断分发行为...联合类型分支推断extends看似简单,却几乎贯穿了 TypeScript 类型系统的各个角落。它既能用于面向对象的继承,也能支撑类型编程的逻辑判断。理解它的不同语义,是迈向高级 TypeScript 编程的必经之路。原创 2025-10-29 21:37:15 · 1079 阅读 · 0 评论 -
文件扩展名.js .jsx .ts .tsx区别(JavaScript扩展名、React扩展名、TypeScript扩展名)
在 React 中,你的组件文件大多数使用 .js 作为扩展名。在 TypeScript 中,提供两种文件扩展名:.ts 是默认的文件扩展名,而 .tsx 是一个用于包含 JSX 代码的特殊扩展名。原创 2025-09-29 22:59:11 · 1302 阅读 · 0 评论 -
TypeScript Playground介绍(一个在线的交互式环境,允许编写TypeScript代码,即时看到编译后的JavaScript结果)typescriptlang.org/play
TypeScript Playground是一个在线的交互式环境,允许你编写TypeScript代码,即时看到编译后的JavaScript结果。它就像一个实时的代码转换器,让你无需配置本地环境,就能体验TypeScript的类型检查和编译过程。TypeScript Playground是TypeScript开发者和学习者的必备工具。它简化了学习曲线,加速了开发流程,让类型系统不再神秘。原创 2025-09-29 17:42:59 · 1299 阅读 · 0 评论 -
TypeScript类型守卫(Type Guard)(类型保护)(一种在运行时检查变量类型机制,在语句的块级作用域内缩小变量的类型)类型断言as关键字、in运算符、typeof、instanceof
TypeScript类型守卫(Type Guard)是一种在运行时检查变量类型机制,它允许开发者在代码中对不同类型的变量进行区分,从而实现更细粒度的代码控制。类型守卫是TypeScript中处理联合类型(Union Types)和类型不确定性的重要工具。原创 2025-09-29 17:00:10 · 1145 阅读 · 0 评论 -
TypeScript never类型(永不发生的类型)(是任何类型的子类型)never[]
never类型表示那些永不存在的值的类型。函数永远不会返回(如抛出异常或进入无限循环)代码路径永远不会执行(如switch语句中处理所有可能情况后的默认分支)never类型虽然不常被直接使用,但它在类型安全和代码健壮性方面发挥着关键作用。理解never类型的概念和应用场景,能帮助我们编写更高质量、更不易出错的TypeScript代码。在处理枚举、联合类型或需要确保所有情况都被覆盖的场景时,never类型是一个强大的工具。原创 2025-09-29 15:23:47 · 1023 阅读 · 0 评论 -
TypeScript Exhaustive Check穷尽检查(exhaustiveCheck)(指在处理联合类型时,确保代码覆盖了所有可能类型情况)TypeScript never类型
穷尽检查是指在处理联合类型(Union Type)时,确保代码覆盖了所有可能的类型情况。在TypeScript中,当我们处理一个联合类型(如)时,如果我们的代码没有覆盖所有情况,TypeScript会给出类型错误提示。这正是穷尽检查的价值所在。穷尽检查是TypeScript类型系统的一个强大功能,它通过never类型帮助我们确保代码覆盖了所有可能的类型情况。这不仅提高了代码的健壮性,还增强了代码的可维护性。在开发过程中,养成使用穷尽检查的习惯,可以让你的TypeScript代码更加安全可靠。原创 2025-09-28 23:37:43 · 1013 阅读 · 0 评论 -
TS代码测试方法(运行TypeScript代码、运行TS代码步骤)(以穷尽检查代码为例)TS项目、TypeScript项目
本文介绍了如何测试TypeScript的穷尽检查功能,通过创建一个简单的TypeScript项目来演示。主要内容包括:安装Node.js和TypeScript、创建项目结构、配置tsconfig.json文件、编写包含穷尽检查的示例代码。重点解释了never类型在穷尽检查中的作用,展示了当新增类型时TypeScript如何通过编译错误确保所有类型分支都被正确处理。文章还推荐使用VS Code进行更直观的类型检查,并总结了TypeScript编译时类型检查的特点和穷尽检查的重要性。原创 2025-09-28 23:02:46 · 1289 阅读 · 0 评论 -
TypeScript语法(类型注解:、类型断言as、联合类型|、类型守卫typeof、交叉类型&、类型别名type、类型保护is)ts语法
any合理使用泛型TypeScript通过添加静态类型系统,显著提高了JavaScript代码的可维护性和可靠性。从基础语法到高级特性,TypeScript提供了丰富的工具来帮助开发者编写更健壮、更易维护的代码。掌握TypeScript语法不仅仅是学习新的关键字,更是掌握一种更好的编程思维。随着TypeScript在前端和后端开发中的广泛应用,掌握TypeScript将成为现代开发者的核心技能之一。原创 2025-09-28 17:16:48 · 963 阅读 · 0 评论 -
Typescript增量迁移介绍(JavaScript项目-->TypeScript项目)allowJs、项目迁移渐进式迁移、JSDoc、@ts-check、ts-migrate、@ts-ignore
TypeScript增量迁移是指将现有的JavaScript项目逐步迁移到TypeScript的过程,而不是一次性将整个项目转换为TypeScript。这种方法特别适合大型项目,能够降低迁移风险并确保项目在迁移过程中始终可运行。原创 2025-09-26 21:07:29 · 925 阅读 · 0 评论 -
TypeScript严格模式(Strict Mode)介绍(null和undefined、any和unknown)
严格模式是TypeScript提供的一组类型检查选项的集合,当启用后,TypeScript会进行更严格的类型检查,帮助开发者在编译阶段就发现潜在的类型错误,而不是等到运行时才暴露问题。避免"any"的滥用TypeScript的严格模式是提升代码质量的利器,它虽然在初期可能需要一些适应和调整,但长期来看,它能显著减少bug,提高代码的可维护性。在TypeScript项目中,严格模式应该被视为标配,而不是可选功能。原创 2025-09-26 20:44:20 · 1359 阅读 · 0 评论 -
TypeScript介绍
TypeScript 是由微软开发的一种开源编程语言,它是 JavaScript 的超集,添加了静态类型系统、现代语言特性与更强的工具链支持。TypeScript 通过编译为标准 JavaScript,在任何支持 JavaScript 的环境(浏览器、Node.js、Deno 等)中运行。其核心价值在于提高大型代码库的可维护性、可读性与开发效率。// 定义一个接口(类似对象结构的蓝图)id: number;// 必须有数字类型的id属性// 必须有字符串类型的name属性email?: string。原创 2025-09-26 17:34:16 · 1212 阅读 · 0 评论
分享