
TypeScript
文章平均质量分 87
主要记录自己在学习TypeScript过程中的笔记
小白小白从不日白
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
TS 前置知识
(1)函数也是一个对象,当真正开始执行函数,执行环境【开发时为浏览器或控制台】会为函数分配一个函数对象变量空间和函数对象空间,函数对象变量用函数名表示,存在栈空间中, 函数对象空间是在堆中开辟的一个内存空间,这个空间中有一个默认的 prototype 属性,这个 prototype 属性就是一个原型对象属性【也叫对象变量】(2) 函数和构造函数的区别当通过 new 函数()时,此刻这个函数就是构造函数【 日后会演变成TS 类的构造器】原创 2024-09-12 15:31:48 · 1131 阅读 · 0 评论 -
TS 环境搭建
TS 官方文档TS 中文参考 - 不再维护TypeScript 是什么TypeScript 为什么要为 JS 添加类型支持?TypeScript 相比 JS 的优势。原创 2024-09-12 15:33:18 · 1087 阅读 · 0 评论 -
TS 常用类型
is 是类型谓词,它可以做到类型保护。原创 2024-09-12 15:35:18 · 1345 阅读 · 0 评论 -
TypeScript类
类就是拥有相同属性和方法的一系列对象的集合,类是一个模具,是从这该类包含的所有具体对象中抽象出来的一个概念,类定义了它所包含的全体对象的静态特征和动态特征。类有静态特征和动态特征【以大家最熟悉的人类为例】静态特征【软件界叫属性】姓名,年龄,地址,身份证号码,联系方式,家庭地址,微信号动态特征【软件界叫方法】吃饭,走路【再看桌子类】静态特征【属性】高度,宽度,颜色,价格,品牌,材质动态特征【方法】承载【来看订单类】原创 2024-09-12 15:37:17 · 1307 阅读 · 0 评论 -
TypeScript接口
在编程中,接口是一种编程规范,它定义了行为和动作规范,接口起到了规范的作用,比如长方形必须要有长和宽,至于是多少不管,但是必须要有,关键字定义接口,定义好后,接口内部是属性可以起到约束作用。接口可以定义一个函数类型,可以对函数的参数以及返回值做约束。:右侧的any代表对象中属性的值是任意类型。当一个对象类型被多次使用时,一般会使用接口(函数的参数以及返回的数据类型都可以使用。:代表对象中的键必须是字符串,其中。)来描述对象的类型,达到复用的目的。接口去定义,起到复用效果。:代表数组的下标必须是数字。原创 2024-09-12 15:38:00 · 432 阅读 · 0 评论 -
TS 泛型_索引类型_映射类型
平时开发中,我们代码复用时需要去封装函数或者类,有时候封装时数据的类型需要外部传入给你,这样的数据类型就是称为泛型。(Type 类型的数组),因为只要是数组就一定存在 length 属性,因此就可以访问了。条件类型就是在初始状态下并不直接确定具体类型,而是通过一定的类型运算得到最终的变量类型。绝大多数情况下,我们都可以在使用对象前就确定对象的结构,并为对象添加准确的类型。实际上,JS 中的数组在 TS 中就是一个泛型接口。K:是对象类型名称,T:是剔除K类型中的属性名称。泛型的类型变量可以有多个,并且。原创 2024-09-12 15:39:07 · 613 阅读 · 0 评论 -
TypeScript 扩展
外部类型声明通常是我们使用一些库(比如第三方库)时,需要的一些类型声明这些库通常有两种类型声明方式:方式一:在自己库中进行类型声明(编写.d.ts文件),比如axios方式二:通过社区的一个公有库DefinitelyTyped存放类型声明文件。原创 2024-09-12 15:40:31 · 1241 阅读 · 0 评论 -
TS axios封装
【代码】TS axios封装。原创 2024-09-12 15:41:09 · 1464 阅读 · 0 评论 -
TS Vue项目中使用TypeScript
有时候我们也想扩展像lib.d.ts这样的声明类型,可以在全局下进行使用,所以TS给我们提供了global.d.ts文件使用方式,这个文件中定义的类型都是可以直接在全局下进行使用的,不需要模块导入。当然并不是所有的JS模块都需要下载第三方的@types,因为有些模块默认就会代码d.ts的声明文件,例如moment这个模块,安装好后,就会自带moment.d.ts文件。导入方式是必须在顶部进行添加的,不能在其他语句中引入,这样就不能在后续的某个时机去导入,所以TS提供了动态引入模块的写法。原创 2024-09-18 09:56:50 · 2013 阅读 · 0 评论 -
TS React 项目中使用TypeScript
消息: {this.props.msg}定义复杂数据类型后,可以导出数据类型方便其他组件引入使用。state = {}render() {return (消息: {this.props.msg}姓名:{this.props.user.name}年龄:{this.props.user.age}原创 2024-09-18 11:05:22 · 2867 阅读 · 0 评论