TypeScript
文章平均质量分 75
cookcyq
Thinking | Freedom | Opinions are my own.
展开
-
Vue3 & InjectionKey 的作用、使用
在 Vue3 中使用 TS 时,父组件通过provide函数注入的数据类型往往是未知的,而子组件调用inject引入数据时也无法确定具体的数据类型是什么,这就产生了可维护性问题,比如某位同事写了下面这段代码时import {对于colors导数的数据类型我们并不知道是什么,它可以是对象 or 数组亦或是字符串,只能顺瓜摸藤找到它的 provide,对于小项目找一下可能不花费什么时间,但对于大型项目来说很明显是不可取的,于是官方提供了函数来对传参进行类型约束,确保父子间传递的数据类型是可见、透明的。原创 2023-01-24 15:41:17 · 2872 阅读 · 0 评论 -
TypeScript & 高级语法 & 详细解释 in、keyof、extends、索引签名、Record、typeof 的含义(不定时更新)
很早就听过 TypeScript,当时自己试了下觉得挺简单的,就是给数据声明一个类型提高可读和维护性,不过当时 TS 还不盛行,项目也没机会用到就一直落着,随着 TS 不断普及,许多项目都开始引入了 TS,这不最近在 github 看到一些 TS 代码后,心里开始吐槽:这好好的非要给 JS 装饰的这么花里胡哨的?我都认不出来这是什么语言了,你确定这是提升 JS 语言可读性而不是添乱?有同学跟我一样的请举个手!后来静下心来想了想,既来之则安之,与其吐槽,不如静下心来好好重温下 TS ,在这期间也提取了一些有原创 2022-06-19 15:35:06 · 4110 阅读 · 5 评论 -
TypeScript 日常基本语法
是一款用来检查 Javascript 数据类型的工具语言。帮助开发者在代码编译成 JavaScript 前检测数据类型是否正确,如果不正确则给出相应的 提示,有助于开发效率和代码的稳定性。每个项目在使用 时,根目录都会生成一个 文件,这个文件可以用来告诉 在编译器期间时使用什么样的规则去进行检测,下面是默认配置:TS 的配置选项有很多,这里就不一一演示了,有兴趣的自行查阅相关资料,接下来我们开始进入正文。2. 定义元组元组也属于数组,不同的是它可以定义,不过有一些地方需要注意,看代码:3.原创 2021-11-27 08:18:03 · 716 阅读 · 2 评论