![](https://img-blog.csdnimg.cn/dda5f70c56204c5d92defeb956f8fe66.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
TypeScript
文章平均质量分 76
Typescript
乐闻x
一个不安分的前端,还搞过两年后端开发
展开
-
如何在 TypeScript 中遍历 Enum 的两种方案
TypeScript 中有一个 JavaScript 中没有的声明关键字,即 `enum` ,在 TypeScript 项目开发过程中,我发现使用枚举enum的概率是极高的。枚举是一种特殊的数据类型,它允许开发者定义一个静态变量集合。枚举类型帮助开发者清晰的预设集合中的变量,并且不允许运行时修改,这为程序运行提供了可预测性和稳定性的保障。在开发过程中,我们经常遇到需要遍历对象中所有属性的情况,对于特殊的枚举enum对象,这种情况也是很常见的。原创 2023-12-26 22:16:31 · 2184 阅读 · 0 评论 -
TypeScript进阶:一文讲清 TypeScript 的 Omit 和 Exclude 使用方式与功能对比
Exclude的主要作用是从 T类型中排除出可以赋值给 U的类型,创建出一个新的子类型。// 结果是 'c'在这个例子中,我们定义了两个类型 T和 U,T是一个包含 'a', 'b', 'c'三个成员的联合类型,而 U是包含 'a', 'b'的联合类型。通过 Exclude我们从 T中排除了可以赋值给 U的类型,所以结果类型 Result就变成了 'c'。OmitOmit的主要功能在于,从一个已有的对象类型 T中排除指定的属性 K。原创 2023-12-26 20:08:22 · 1320 阅读 · 0 评论 -
一文讲清 TypeScript 的类型推断与类型断言:功能解析与应用场景
在TypeScript开发过程中,类型推断(Type Inference)和类型断言(Type Assertion)是两个重要且频繁使用的概念。本文将分别对这两个概念进行深入介绍,并通过实例讨论它们在实践中的应用。类型推断是TypeScript根据变量或表达式的上下文信息自动推测出的类型。类型推断通常在初始化变量和成员,设置参数默认值,或者根据函数返回值时发生。let x = 3;// TypeScript推断出x的类型为number在上述代码中,我们并没有指定x的类型,TypeScript根据x。原创 2023-12-23 19:22:46 · 562 阅读 · 0 评论 -
一文讲清什么是TypeScript装饰器以及如何使用TypeScript装饰器
装饰器在 TypeScript 中的应用场景非常广泛,可以为我们提供强大的编程工具,如类装饰器、方法装饰器、属性装饰器、参数装饰器和访问器装饰器等,使得我们可以在编译阶段进行诸如日志记录、性能计算、参数验证等多种复杂的操作,使用这些装饰器,我们可以保持代码的整洁和解耦,使程序更易于理解和维护。原创 2023-12-23 18:54:40 · 1455 阅读 · 1 评论 -
使用TypeScript范型提升代码复用性和安全性
范型TypeScript 的范型(Generics)是一种创建可重复使用的组件的方式,这种组件可以对多种数据类型进行操作。范型本质上是为参数化的类型系统提供了工具,它提供了一种方法,能让你在定义函数、接口或类时不具体指定类型,而是在使用时再明确类型。普通类型和范型最主要的区别普通类型在编码阶段就已经确定了数据类型,对于不同类型的处理需要写多个函数或者类;范型则使用一种动态的方式,不断变化以适应不同的需求,使得你可以使用相同的函数或者类去处理不同类型的数据;原创 2023-12-22 22:24:29 · 392 阅读 · 0 评论 -
前端项目为什么需要 TypeScript 来强化?
TypeScript 是一个为开发大规模应用程序而设计的语言。它是 JavaScript 的一个超集,包含 JavaScript 全部的功能,并扩展了一些新的特性。// 错误:不能将类型 "hello" 赋给类型 number在上面的代码示例中,TypeScript 阻止了将一个字符串赋值给一个数字变量的行为。此外,TypeScript 方便我们编写和处理更复杂的类型结构,如接口,类,模块,泛型编程等,这都大大增强了软件工程能力。原创 2023-12-22 20:59:26 · 856 阅读 · 0 评论 -
【Typescript】paths alias别名设置
前言Typescript 不仅方便前端在开发阶段就能发现很多问题,同时也能给开发者很多提示。比如我们 Import 其他ESModule时,如果路径不对就会给出提示。只有正确引用路径,Typescript才不会提示报错。但是使用这种相对路径引用方式,会出现层级过深的情况如果使用统一前缀引入,可以避免上述问题【最终效果】 【项目目录结构】原理我们使用设置别名的方式解决上述问题,两个地方要同时修改,tsconfig使vscode显示不报错,webpack.js使打包编译不报错修改ts原创 2021-12-12 18:05:37 · 2399 阅读 · 0 评论