TS
←_→
这个作者很懒,什么都没留下…
展开
-
vue3 双重for循环 ts定义类型
【代码】vue3 双重for循环 ts定义类型。原创 2023-06-20 19:51:03 · 943 阅读 · 0 评论 -
给JS文件提供类型
用于类型声明,为其他地方(比如,.js 文件)已存在的变量声明类型,而不是创建一个新的变量。等这些明确就是 TS 类型的(只能在 TS 中使用的),可以。在导入 .js 文件时,TS 会自动加载与。了解:使用类型声明文件给JS文件添加类型。关键字,明确指定此处用于类型声明。其他 JS 变量,应该使用。declare 关键字。原创 2023-06-19 00:20:48 · 228 阅读 · 0 评论 -
TypeScript类型声明文件
知道:TS类型声明文件是什么以及作用项目中安装的第三方库里面都是打包后的JS代码,但是我们使用的时候却有对应的TS类型提示,这是为什么呢?在第三方库中的JS代码都有对应的TS类型声明文件什么是类型什么文件?通俗地来讲,在 TypeScript 中以 .d.ts 为后缀的文件,我们称之为 TypeScript 类型声明文件。它的主要作用是描述 JavaScript 模块内所有导出成员的类型信息。.ts文件.d.ts文件作用是啥?既包含类型信息又可执行代码可以被编译为 .js 文件,然后,执行代码。原创 2023-06-19 00:18:34 · 255 阅读 · 0 评论 -
vue3 子传父、父传子、ref、reactive、computed、事件处理、Template Ref、使用TypeScript
defineProps配合ts的泛型定义props类型校验,这样更直接。如果提供的默认值需要在模板中渲染,需要额外添加配置,才能正常显示默认值。defineEmits配合ts 类型声明,可以实现更细粒度的校验。基于类型的声明使我们可以对所触发事件的类型进行更细粒度的控制。通过泛型指定value的值类型,如果是简单值,该类型可以省略。掌握:ts中defineProps的使用。掌握:在ts中通过ref获取dom的操作。掌握:ts中reactive函数的使用。掌握:defineEmits的使用。原创 2023-06-19 00:18:20 · 215 阅读 · 0 评论 -
13 any 类型
显式any情况:当变量的类型指定为 any 的时候,不会有任何错误,也不会有代码提示,TS会忽略类型检查。隐式any的情况:声明变量不给类型或初始值,函数参数不给类型或初始值。以上的代码虽然没有报错提示,但是将来是可能出现错误的。知道:any 类型的作用是逃避 TS 的类型检查。的使用越多,程序可能出现的漏洞越多,因此。类型,尽量避免使用。原创 2023-06-19 00:19:43 · 57 阅读 · 0 评论 -
12泛型别名、泛型接口、泛型函数
作用:泛型(Generics)可以在保证类型安全前提下,给别名、接口、函数等添加,从而实现:::tip软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在TypeScript中,泛型是一种创建代码组件的工具。这种组件不只能被一种类型使用,而是能被多种类型复用。类似于参数的作用,泛型是一种用以能力的非常可靠的手段。原创 2023-06-19 00:17:32 · 160 阅读 · 0 评论 -
11类型断言
后面的类型是一个更加具体的类型(HTMLAnchorElement 是 HTMLElement 的子类型)有时候你会比 TS 更加明确一个值的类型,此时,可以使用类型断言来指定更具体的类型。通过类型断言,aLink 的类型变得更加具体,这样就可以访问 a 标签特有的属性或方法了。但是我们明确知道获取的是一个。给它指定一个更具体的类型。场景2:获取后台默认值。原创 2023-06-19 00:16:51 · 51 阅读 · 0 评论 -
10类型推断机制
在你还没有熟悉 ts 类型的时候建议都加上类型,比如今天第一次写 ts 最好都写上。在 TS 中存在类型推断机制,在没有指定类型的情况下,TS 也会给变量提供类型。如果你不知道类型怎么写,可以把鼠标放至变量上,可以通过。将来在开发项目的时候,能省略类型注解的地方就省略,知道:TS 的的类型推断机制作用。的能力,提高开发效率。原创 2023-06-19 00:18:35 · 40 阅读 · 0 评论 -
9字面量类型
知道:什么是字面量类型18'jack'['a']{age: 10}等等。使用js字面量作为变量类型,这种类型就是字面量类型。// : 'jack' 是字面量类型// : 18 是字面量类型// 报错:不能将类型“19”分配给类型“18”age = 19;思考:这两个变量的类型是什么?通过类型推断发现,str1 类型是string, str2 类型是Hello TSstr2是const声明的,值只能是Hello TS,所以类型只能是Hello TS。原创 2023-06-19 00:18:17 · 35 阅读 · 0 评论 -
8.接口类型 interface、interface 继承、type 交叉类型
接口的几乎所有特性都以类型的形式可用,关键的区别在于不能重新打开类型以添加新属性,而接口总是。type 不能重复定义,interface 可以重复会合并。掌握:使用 extends 实现接口继承,达到类型复用。有两个接口,有相同的属性或者函数,如何提高代码复用?类型别名和接口非常相似,在许多情况下,可以在它们之间。它们都可以复用,interface 使用。后面是接口名称,和类型别名的意思一样。相同的属性或展示可以抽离出来,然后使用。接口声明是命名对象类型的另一种方式。的所有属性和函数的类型声明。原创 2023-06-19 00:17:54 · 452 阅读 · 0 评论 -
7对象类型
掌握:对象类型中,函数使用箭头函数类型,属性设置可选,使用类型别名。属性:必选属性:姓名、性别、成绩,可选属性:身高。TS 的对象类型,其实就是描述对象中的。的类型,因为对象是由属性和方法组成的。对象的方法使用箭头函数类型怎么写?对象的可选属性怎么设置?使用声明描述对象结构?函数使用箭头函数类型。原创 2023-06-18 16:32:48 · 41 阅读 · 0 评论 -
6.3函数类型——可选参数
如果函数的参数,可以传也可以不传,这种情况就可以使用。注意:必选参数不能位于可选参数后。函数,定义函数参数类型。原创 2023-06-18 16:31:15 · 60 阅读 · 0 评论 -
6.2函数类型——void 类型
但是 `void` 和 `undefined` 在 `TypeScript` 中并不是一回事。- 如果指定返回值类型是 `undefined` 那返回值必须是 `undefined`- 在 `JS` 中如果没有返回值,默认返回的是 `undefined`如果函数没有返回值,且没有定义函数返回值类型的时候,默认是。如果函数没有返回值,定义函数类型时返回值类型为。掌握:void 函数返回值类型。原创 2023-06-18 16:28:35 · 80 阅读 · 0 评论 -
6.1函数类型——基本使用
注意: 通过类似箭头函数形式的语法来为函数添加类型,只适用于。给函数指定类型,其实是给。示例代码 1:分别指定。示例代码 2:同时指定。掌握:给函数指定类型。原创 2023-06-18 16:29:10 · 34 阅读 · 0 评论 -
5.类型别名
当同一类型(复杂)被多次使用时,可以通过类型别名,定义类型别名,遵循大驼峰命名规范,类似于变量。使用类型别名,与类型注解的写法一样即可。掌握:使用类型别名语法给类型取别字。原创 2023-06-18 16:25:38 · 35 阅读 · 0 评论 -
4.联合类型
掌握:通过联合类型将多个类型合并为一个类型。类型,这个数组的类型如何书写?练习:给一个定时器 ID 加类型。定义:类型与类型之间使用。原创 2023-06-18 16:24:52 · 42 阅读 · 0 评论 -
3.数组类型
如果数组需要存储多种类型数据呢?写法 1 数组里面只能是数字。写法 2 数组里面只能是字符。原创 2023-06-18 16:23:40 · 34 阅读 · 0 评论 -
2.原始类型
联合类型、自定义类型(类型别名)、接口、元组、字面量类型、枚举、void、any、泛型 等。使用简单,完全按照 JS 的类型来书写即可。复杂类型,对象 数组 函数。原创 2023-06-18 16:24:50 · 26 阅读 · 0 评论 -
1.类型注解
语法:let 变量名:类型=值。原创 2023-06-18 16:22:03 · 27 阅读 · 0 评论 -
类型“string | AnyObject | ArrayBuffer”上不存在属性“message”。 类型“string”上不存在属性“message”。
属性,因此 TypeScript 提示不存在该属性。为了解决这个问题,可以使用类型断言将。属性,而 TypeScript 不清楚这个变量的类型到底是什么,因此报出了该错误提示。为了解决这个问题,可以先使用类型断言(Type Assertion)将变量的类型指定为。这个错误通常出现在 TypeScript 代码中,是由于在使用一个类型为。属性的对象类型,并且在进行类型断言时需要使用。在这个例子中,第一个 if 语句会报错,因为。的类型转换为一个拥有。原创 2023-06-17 17:23:44 · 975 阅读 · 0 评论