ts 接口

最新推荐文章于 2024-06-20 10:33:02 发布
最新推荐文章于 2024-06-20 10:33:02 发布
阅读量900 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lin_fightin/article/details/109738798
版权

接口在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
定义一个属性接口，让name值必须遵守这个规范。在这里插入图片描述
在这里插入图片描述
名字也要跟属性接口的符合。在这里插入图片描述
但是在这里插入图片描述
这样就不报错了。
但是这个age不能调用，一调用就报错。在这里插入图片描述

属性接口，可选类型在这里插入图片描述

加问号变可传可不传
在这里插入图片描述
在这里插入图片描述

函数类型接口

在这里插入图片描述
定义这个函数的参数返回值声明必须一样，否则报错
在这里插入图片描述
在这里插入图片描述
可以给默认值。

可索引接口

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
索引为字符串只能为对象。

类 类型接口

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
类只要加上这个接口，表示里面一定要有name属性，和eat方法在这里插入图片描述
方法对参数名和返回类型没有限制，但对参数类型有限制。在这里插入图片描述
也可以不传参数。但如果接口没有参数，下面那个就不能有参数

接口扩展 接口继承接口

在这里插入图片描述
继承后C类必须要有eat和work方法，否则报错。在这里插入图片描述
在这里插入图片描述
继承结合接口
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

coderlin_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue3学习笔记-setup中使用ts定义了接口类型后设置默认值
沙漏的前端笔记
06-10 5760
vue3 ts props默认值
面试题-TS(十)：如何处理可选属性和默认参数？
weixin_42560424的博客
07-28 2343
在TypeScript中，可选属性是指在定义接口或类时，指定某些属性不是必须的，可以存在也可以不存在。使用可选属性可以让我们定义更灵活的数据结构，允许对象中包含额外的属性，而不会报错。在接口中，我们可以在属性名后面加上?来定义可选属性。在类中，我们可以在属性声明时赋予undefined初始值，也可以在构造函数参数中使用?来指定可选属性。// 定义接口 interface Person {age?: number;// 可选属性 } // 定义类 class MyClass {age?
VUE3+TS中实现blob文件流下载功能
最新发布
weixin_73610394的博客
06-20 610
VUE3+TS中实现blob文件流下载功能
ts重点学习78-泛型接口
qq_41632427的博客
09-28 688
ts
TS初识泛型
qq_43853213的博客
05-23 804
泛型的定义 定义时不明确，使用时必须明确成某种具体数据类型的数据类型 编译期间进行数据类型安全检查的数据类型 [ 泛型的严谨 ] 有这样的一个类，我们要求一个对象的数组 突然被要求这个数组里面不能传数组，要求传字符串了， 如果是下面的这段代码，我们需要改的东西很多了 class ArrayList { public element!: Array<object> constructor() { this.element = [] } public i
基础类型
过客如期的博客
06-27 3554
1.相对于，的一个特点是可以声明具有数据类型的变量。2.当对已经确认数据类型的变量赋值不同类型的值时，会在编译时报错，某种程度上可以将理解成强类型的1. 或者 2.声明变量的类型，但没有初始值，变量值会设置为 1.任意类型： 2.数字类型： 3.字符串类型： 4.布尔类型： 5.数组类型： 6.对象类型： 7.和，在中，和两者各自有自己的类型分别叫做和，本身用处不大 8.元组9.枚举10.void......
接口
WZ_Yong的专栏
04-16 1620
3.8 接口 上一节 本章开头  用关键字interface，你可以从类的实现中抽象一个类的接口。也就是说，用interface，你可以指定一个类必须做什么，而不是规定它如何去做。接口在语句构成上与类相似，但是它们缺少实例变量，而且它们定义的方法是不含方法体的。实际上，这意味着你可以定义不用假设它们怎样实现的接口。一旦接口被定义，任何类成员可以实现一个接口。而且，一个类可以实现多个接口。
sml-interface-gen：从XML或JSON生成TS接口
02-16
【sml-interface-gen：从XML或JSON生成TS接口】 在软件开发中，特别是涉及到Web应用时，TypeScript（TS）接口对于确保代码的类型安全性和可维护性至关重要。`sml-interface-gen` 是一个实用工具，它允许开发者从XML...
json2ts:将JSON转换为TypeScript接口
04-27
json2ts将JSON转换为TypeScript接口。 安装 npm install json2ts 用法 json2ts可以用作Node.js模块： let json2ts = require("json2ts"); let result = json2ts.convert(jsonContent); 作为IDE扩展 此模块用作和...
uploadify.d.ts接口文件
06-20
为了配合uploadify d ts的版本 我已经打包了一个uploadify v3 2 1 的所有文件打包在一起 接口文件的翻译 完全是基于官网的api文档 经过测试 能正常上传 另外附上一个上传demo 文件目录： 1 uploadify d ts 为...
TypeScript入门-接口
11-27
大致介绍 在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 接口 例子： function printLabel(labelledObj: { label: string }) { console.log(labelledObj.label); } let myObj = { size: 10, label: "Size 10 Object" }; printLabel(myObj); printLabel函数有一个参数，要求这个参数是个对象，并且有一个属性名为label的类型为string的属性 有时我们会传入多个参数，但是只
struct2ts：从Go结构中生成Typescript类接口
02-05
struct2ts 一个非常简单且功能强大的Go结构到Typescript类生成器。 受启发。 安装 go get -u -v github.com/OneOfOne/struct2ts/... 产品特点 如果您不想自己编写生成器，则可以使用相当不错的命令行界面。 自动...
基于ts的动态接口数据配置的详解
10-15
在基于ts的动态接口数据配置中，我们关注的是如何灵活地处理从后端获取的数据，使得前端组件能够适应不同场景的需求。本文将深入探讨这个话题，并通过实例代码详细介绍。 首先，让我们了解需求前景。在构建可复用的...
鼎微TS8蝰蛇音效增量包.rar
11-21
鼎微TS8蝰蛇音效使用说明文档 此增量包只为 V10.4.5 系列增加蝰蛇音效用 1. 安装 系统升级.apk 2. 打开 [系统升级-点击齿轮-本地升级] 选择 [蝰蛇音效补丁.zip] 等待机器重启刷入
json-to-ts-interface:json字符串自动转换为TypeScript interface定义
05-29
json-to-ts-interface根据json字符串自动生成TypeScript interface定义使用方式：const interfaceDefinition = require('json-to-ts-interface');const res = interfaceDefinition(json对象||json字符串, {})参数...
ts 类笔记
xuelang532777032的博客
05-24 276
抽象类，博主理解是为了规范同一场景的操作，比如增、删、改各新增一个抽象类，abstract userInfo():void;//表示 抽象类里不实现，但是派生类要实现，那你新增的时候提交动作是不是一定要有，提交前的表单验证动作是不是要有，这时候就得用到抽象方法abstract +方法命来约束派生类里必须有userInfo这个方法的。private 和protected 都是不能用cyc.log和cyc.a来调用的！但是protected 可以被 继承，但是private不行。
typescript(接口、联合类型、类型别名、数组、函数、默认值)
书读百遍其意自现
03-16 1337
es6允许了给参数入参增加默认值，ts对于给与默认值的参数识别为可选参数，此时就不受 可选参数必须接在必需参数后面。对于后端返回的唯一标识id，前端不能直接进行修改，我们在使用接口定义的时候，可以使用。在js为[],里面的值可以为任意类型，可以理解为 ts中的。对于右侧的函数进行校验，但是对于左边是通过右侧得出的类型，输入多余的参数是不被允许的，可以定义可选参数 使用。在ts中，对于函数入参和返回值都需要考虑。如果需要我们可以手动给num进行添加类型。前端项目中使用接口校验数据，示例。
23.1、ts中的函数，接口定义函数形状，可选参数，参数默认值，剩余参数，函数重载
imkaifan的博客
06-05 8053
ts中的函数，接口定义函数形状，可选参数，参数默认值，剩余参数，函数重载
vue3 ts接口请求
09-15
<script lang="ts"> import { defineComponent, ref } from 'vue'; import { getUserById } from './services/UserService'; export default defineComponent({ name: 'UserComponent', setup() { const user = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coderlin_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值