首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
TypeScript
烛阴
创建于2025-08-25
订阅专栏
本专栏专注于TypeScript的学习与实践分享。我将在这里记录从JS到TS的思考过程,分享实用的编码技巧、常见“踩坑”经验以及高效的类型设计模式。
等 4 人订阅
共20篇文章
创建于2025-08-25
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【TS 设计模式完全指南】TypeScript 装饰器模式的优雅之道
一、什么是装饰器模式? 装饰器模式(Decorator Pattern)是一种结构型设计模式,它允许你在不修改现有对象结构的情况下,动态地为对象添加新的功能。它通过将对象包装在一个“装饰器”对象中来实
【TS 设计模式完全指南】用适配器模式优雅地“兼容”一切
一、什么是适配器模式? 适配器模式(Adapter Pattern)是一种结构型设计模式,它的核心思想是:将一个类的接口转换成客户端所期望的另一个接口。 这使得原本因接口不兼容而无法协同工作的类可以一
【TS 设计模式完全指南】从零到一:掌握TypeScript建造者模式,让你的对象构建链式优雅
一、 建造者模式解决了什么痛点? 建造者模式的核心思想是:将一个复杂对象的构建过程与其表示分离,使得同样的构建过程可以创建不同的表示。 简单来说,它让你能够一步步地创建复杂对象,并且可以精确控制每个部
【TS 设计模式完全指南】用工厂方法模式打造你的“对象生产线”
一、 什么是工厂模式? 工厂模式(Factory Pattern)是最常用的设计模式之一,它提供了一种创建对象的方式,使得创建对象的过程与使用对象的过程分离。 工厂模式提供了一种创建对象的方式,而无需
【TS 设计模式完全指南】从“入门”到“劝退”,彻底搞懂单例模式
一、 单例模式是什么? 保证一个类仅有一个实例,并提供一个全局访问点来获取这个实例。 二、 经典单例的 TypeScript 实现 要实现一个单例模式,我们需要做到三点: 构造函数必须是私有的 (pr
TypeScript 进阶必修课:解锁强大的内置工具类型(二)
核心工具类型(二) 1. Exclude<T, U>: 排除联合类型成员 作用: 从联合类型 T 中排除所有可分配给 U 的成员。 示例: 2. Extract<T, U>: 提取联合类型成员 作用:
TypeScript 进阶必修课:解锁强大的内置工具类型(一)
核心工具类型 1. Partial<T>: 让所有属性变为可选 作用: 构造一个类型,使其属性都变为可选。 示例: 2. Required<T>: 让所有属性变为必选 作用: 构造一个类型,使其所有属
TypeScript 类型魔法:像遍历对象一样改造你的类型
一、核心语法 解析: keyof T: 这是索引类型查询操作符。它会获取类型 T 的所有公共属性名,并创建一个由这些属性名组成的 字符串字面量联合类型(不清楚的可以查看之前的文章)。 P in key
解锁 TypeScript 的元编程魔法:从 `extends` 到 `infer` 的条件类型之旅
一、类型的三元表达式 条件类型的语法看起来就像 JavaScript 的三元运算符: 解析: SomeType extends OtherType:这是我们的“条件判断”。这里的 extends 关键
TypeScript 中的 `&` 运算符:从入门、踩坑到最佳实践
一、& 的基本用法 交叉类型的概念非常直观:T & U 意味着一个值既是类型 T,又是类型 U。对于对象类型来说,就是将它们的属性合并。 来看一个最简单的例子: Person 类型现在要求它的实例必须
TypeScript 的“读心术”:让类型在代码中“流动”起来
一、什么是流动的类型? 从一个已知的变量或者对象通过typeof或者keyof获得自己的类型,类型推导的进阶版本。 二、流动类型的实现 2.1 捕获变量的类型typeof typeof获取变量或者对象
前端必会:如何创建一个可随时取消的定时器
一、原生的取消方式 JavaScript 原生就提供了取消定时器的方法。setTimeout 和 setInterval 在调用时都会返回一个数字类型的 ID,我们可以将这个 ID 传递给 clear
TypeScript 函数重载入门:让你的函数签名更精确
一、什么是函数重载? 函数重载的核心思想是:对外声明多种调用方式,对内用一个统一的实现来处理。 一个完整的函数重载包含两个主要部分: 重载签名:定义了函数的各种调用形式,包括参数的类型、数量和返回值的
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
什么是类型断言? TypeScript 允许你覆盖它的推断,并且能以你任何你想要的方式分析它,这种机制被称为「类型断言」。 TypeScript 类型断言用来告诉编译器你比它更了解这个类型,并且它不应
解锁动态键:TypeScript 索引签名完全指南
## 一、什么是索引签名? 索引签名就是为对象定义一种“规则”,规定了“什么样的键”对应“什么样
告别 any!用联合类型打造更灵活、更安全的 TS 代码
一、什么是联合类型? 联合类型使用竖线 | 作为分隔符,表示一个值可以是列出的类型中的任意一种。 二、使用类型守卫收窄类型(断言类型) 1. typeof 类型守卫 typeof 是最常见的类型守卫,
精简之道:TypeScript 参数属性 (Parameter Properties) 详解
一、什么是参数属性? 参数属性是一种简洁的语法,是TypeScript独特的语法糖,它允许你在构造函数的参数列表中,通过添加访问修饰符(public, private, protected)或 rea
告别繁琐的类型注解:TypeScript 类型推断完全指南
一、变量初始化 这是类型推断最常见、也最直观的场景。简单来说,当你在声明一个变量或常量时,如果同时进行了初始化,TypeScript会根据你赋的值自动推断出它的类型。 关键点:let 和 const
掌握 TypeScript 的边界:any, unknown, void, never 的正确用法与陷阱
## 一、 `void` `void` 是我们最常遇到的特殊类型,也是最容易理解的。它表示**没有
TypeScript 接口入门:定义代码的契约与形态
一、什么是接口? 用于描述一个对象的结构。 二、接口的丰富特性 1. 可选属性(Optional Properties) 有时,对象的某些属性不是必需的。我们可以使用 ? 来标记它们。 2. 只读属性