TypeScript之接口

最新推荐文章于 2024-04-09 09:44:20 发布
最新推荐文章于 2024-04-09 09:44:20 发布
阅读量334 收藏
点赞数
分类专栏： ts 前端 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48633811/article/details/127414609
版权
前端 同时被 2 个专栏收录
5 篇文章 0 订阅
订阅专栏
ts
2 篇文章 0 订阅
订阅专栏

接口主要负责定义一个类的解构，类要实现此接口后，对类只有包含接口中定义的所有属性和方法才能定义成功

类接口: 通俗的讲:在面向对象中，它就是用来给类定义规则的

 多个接口：

在js中继承也是单继承，只能继承一个父亲

但是实现接口，可以是多个，多个以逗号隔开

 函数接口：用接口来限制函数的类型

 //接口继承

为了方便  也可以不继承，写成这种模式

 

 接口它在ts中还是定义类型的一种方案，建议：能用接口定义类型的，尽可能去用接口

定义的接口不是用来规范类的，而是用来定义类型的

 可以利用interface它自动交叉，可以用它来扩展已有对象的属性和方法

 

 接口的多态

接口的多态，同一个方法，传入不同的参数，它所对应的操作不同称为多态【参数不同】

同一个方法，返回不同的结果，称为多态【对象不同  ==> 父类的此方法】

秃头的小毛驴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TypeScript 中接口详解
09-03
在TypeScript中，接口（Interfaces）是用于定义对象类型的蓝图，它描述了对象应该有的结构。TypeScript的核心设计理念是类型检查，而接口是实现这一目标的重要工具。它们允许开发者定义对象必须拥有的属性和方法，...
typeScript（接口篇）
weixin_48723799的博客
06-20 1499
TypeScript的核心原则之一是对值所具有的结构进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。
ts核心基础之接口（Interface）
09-01 4787
作为一个纯粹的前端攻城狮，有时候很难理解面向对象的思维，所以，有些功能你能够用JS完成，但是转换成TS就有点不知所措了。 面向对象设计和编程遵循的几个原则： SOLID原则： SRP(Single Responsibility Principle) 单一职责原则； OCP(Open Closed Principle) 开/闭原则； LSP(Liskov Substitutio
12. TypeScript接口（Interface）
最新发布
一名全栈开发工程师
04-09 880
在TypeScript中，接口是一种强大的声明方式，它可以用来描述对象的形状，也可以描述函数、类、数组等的结构。
TypeScript - Interfaces（接口）
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
05-22 3101
TypeScript 的核心原则之一是对值所具有的_结构_进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化在 TypeScript 里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。
TS - typescript 接口(interface)
lzgy的博客
01-20 1012
接口 TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口（Interfaces）来定义对象的类型。 接口是对象的状态(属性)和行为(方法)的抽象(描述) 接口类型的对象: 多了或者少了属性是不允许的 可选属性: ? 只读属性: readonly // 定义人的接口 interface IPerson { readonly id: number // 只读属性:一旦赋值后再也不能被改变了。 name?: string // 可选属性 age: number
TS（三） 接口
qq_45467524的博客
11-15 739
TS（三） 接口 1、 type和interface的区别： type会给一个类型起个新名字。type可以作用于原始值（基本类型），联合类型，元组以及其它任何你需要手写的类型 type Name = string; // 基本类型 type NameResolver = () => string; // 函数 type NameOrResolver = Name | NameResolver; // 联合类型 type NameObj = { // 2.1以后可以定义新的类型 name: s
TypeScript入门-接口
08-30
ace SquareConfig { [key: string]: any; color?: string; width?: number; } let mySquare = createSquare({ ...理解并熟练运用接口是掌握 TypeScript 的关键步骤，能帮助开发者编写出更安全、更易于维护的代码。
TypeScript中接口扩展、接口的继承.zip
11-05
在TypeScript中，接口（Interfaces）是用于定义对象形状的关键概念，它们允许我们在代码中创建一个蓝图，描述对象应有的属性和方法。接口扩展与接口继承是两种强大的特性，可以帮助我们构建更加灵活和可复用的代码...
TypeScript的泛型接口 泛型类接口.zip
11-05
在TypeScript中，接口（Interface）用于定义对象的结构，而泛型接口则是具有一个或多个类型参数的接口。这样，我们就可以创建一个接口，让它能够适用于不同的数据类型，而不是固定在某一种特定类型上。下面是一个...
【TS系列】TypeScript进阶（二）
一名大二在校大学生，本科计算机科学与技术在读~
10-14 1902
TypeScript 函数、数组、对象、接口等一些内容~
TypeScript类、接口、继承
浓浓的巧克力
06-20 3157
TS引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 基本上，TS的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 类 定义一个类 class Point { constructor(x, y) { th...
ts重点学习41-函数接口
qq_41632427的博客
09-26 105
前端
TS之接口：②函数类型接口、索引接口、类类型接口
包磊磊的博客
01-03 827
1.函数接口： 对方法传入的参数以及返回值进行约束——批量约束（即对函数的输入参数和输出结果的约束） interface encrypt { (key: string, value: string): string; } // 对传入的参数以及返回值进行约束 let md1: encrypt = function (key: string, value: string): string { return key + value; } console.log(md1('张三', '初一一班')
TypeScript的类 接口与泛型
weixin_46107920的博客
01-14 2881
面向对象 TypeScript 是面向对象类的编程。 什么是面向对象呢？ 简而言之，就是程序中所有的操作，都是通过对象来完成的。计算机程序本质是对现实事物的抽象。一个人，一辆车，一只狗，这些都是对象，而这些对象发出的动作就是对象的方法，某些特征就是对象的属性。比如一个人，他的身高，长相，姓名，年龄等这些在对象中都是他的属性，而他发出的动作，走，跑，说话等这些在对象中都是他的方法。 类 类是什么？ 类其实就是对象的模型，通过类可以来创建对象。对象的属性和方法，要在类中明示的表示出来。 下面定义一个简单的类：
ts中定义接口以及用类去实现接口（新手重点）
weixin_51035283的博客
06-20 9334
接口 1.定义接口
TS 函数 配合接口
paidaboluo的博客
08-29 1024
ts 函数 配合接口
ts函数类型接口
bus_lupe的博客
06-08 4044
函数类型的接口：对方法传入的参数以及返回值进行约束 批量约束 加密的函数类型接口 interface encypt{ (key:string, value:string):string; } var md5:encypt = function (key, value):string{ return key + ' ' + value // 模拟加密操作 } console.log(md5('...
TS定义函数接口
weixin_45966674的博客
05-14 1891
接口这两个字大家肯定不会太陌生 就算你没有接触过后台开发 也一定和后台对结果接口 TS的接口和java的接口有所不同 但也真的是非常同步的一个思想方向了 interface setName{ (name:string):String } 这里我们顶一个了一个接口 叫 setName 限定 要传入一个参数且必须是String 字符串类型的 且一定要返回一个String 类型的数据 然后我们来实现这个函数接口 var setName = function(name:String){ c
typescript接口
09-11
TypeScript 接口 (Interfaces) 是一种用于描述对象的结构的语法，它定义了对象应该具有的属性和方法。接口可以用于声明类、函数和对象的类型。 在 TypeScript 中，接口使用 `interface` 关键字定义。接口定义了对象的属性和方法，并且可以被其他实体（如类）实现或继承。下面是一个使用接口定义对象类型的示例： ```typescript interface Person { name: string; age: number; sayHello: () => void; } const person: Person = { name: "Alice", age: 25, sayHello: () => { console.log(`Hello, my name is ${person.name}`); } }; ``` 在上面的示例中，`Person` 接口定义了一个包含 `name`、`age` 和 `sayHello` 属性的对象类型。然后，我们创建一个符合该接口定义的 `person` 对象。 通过使用接口，我们可以明确地指定对象应该有哪些属性和方法。这样做可以提高代码的可读性、可维护性和类型安全性，因为 TypeScript 编译器可以检查我们是否正确地使用了接口定义的属性和方法。 除了对象类型，接口还可以用于函数类型的定义、类的实现和继承等方面。TypeScript 的接口功能非常强大，可以帮助我们更好地组织和管理代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值