TS中的接口（Interface）概念

最新推荐文章于 2024-08-26 23:44:53 发布

辣椒天堂

最新推荐文章于 2024-08-26 23:44:53 发布

阅读量1.7k

点赞数

分类专栏： TS 文章标签： typescript 接口

本文链接：https://blog.csdn.net/Paper_Heaven/article/details/118526775

版权

接口在TypeScript中提供了一个描述对象形状的方式，允许定义可选属性、只读属性、函数类型和索引签名。可选属性通过`?:`标记，只读属性使用`readonly`修饰。此外，接口还能描述函数的参数和返回值类型，以及对象的索引操作和其返回类型。

摘要由CSDN通过智能技术生成

接口的概念

提供一个可以继承的，其他变量可以选择使用的范式。

interface LabelledValue {
   
  label: string;
}

function printLabel(labelledObj: LabelledValue) {
   
  console.log(labelledObj.label);

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

辣椒天堂

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

WIP:TS基础——接口(interface)

weixin_41387874的博客

02-18

813

TS中的接口写在之前或许当我们只需要定义一个对象或类的时候，使用接口对它们进行约束是显得麻烦的，但是当我们需要定义具有同样结构的多个对象或类的时候，接口就体现出它的作用了。接口有什么作用，什么时候应该使用接口定义我们可以先看看接口的定义，接口是对某些数据或方法的约束规则。其他面向对象编程语言中的接口接下来我们可以先了解一下其他面向对象的语言，如C++中，接口的作用，在C++中，接口用于规定子类implements接口之后，必须实现接口中规定的变量和方法（相当于是对子

TypeScript -- ts接口

wust_cyl的博客

08-05

1218

上一节，我们简单的介绍ts的基础数据类型，那么接下来我们来介绍ts的接口。 TS的接口接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。 JS中是没有接口的概念的，在 TypeScript 中，我们使用接口interface来定义对象的类型。在ts中，接口是一个非常灵活的概念，除了...

参与评论您还未登录，请先登录后发表或查看评论

ts 中的interface

m0_61265297的博客

06-26

788

【代码】ts 中的interface。

ts讲解(接口interface)

qq_56636514的博客

05-31

1万+

介绍官网是这样定义的： TypeScript的核心原则之一是对值所具有的结构进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。我是这样理解的：给对象里每个属性定义类型（简单又粗暴）接口初探下面通过一个简单示例来观察接口是如何工作的： function printLabel(labelledObj: { label: string }) { console.log(labelledObj.la

TS 中的接口的作用是什么

最新发布

读心悦

08-26

1078

接口主要用于定义对象的形状，即对象可以包含哪些属性以及这些属性的类型。这有助于在编译阶段就捕获类型错误，确保对象的使用符合预期。例如，在开发一个用户管理系统时，可以定义一个User接口不仅可以用于定义对象的形状，还可以用于描述函数的参数和返回值的类型。这有助于确保函数的使用者按照预期的方式传递参数和接收返回值。例如，定义一个处理用户登录的函数，其参数和返回值类型都基于User// 处理登录逻辑// 假设密码是固定的。

TS Interface（接口）

SeriousLose

06-03

1万+

接口(Interface) // 用来建立某种代码约定,使得其它开发者在调用某个方法或者创建新的类时,必须遵循接口所定义的代码约定接口的前面加了一个 I 字母规范在代码设计中，接口是一种规范；接口通常用于来定义某种规范, 类似于你必须遵守的协议, 站在程序角度上说接口只规定了类里必须提供的属性和方法，从而分离了规范和实现，增强了系统的可拓展性和可维护性； const getUserInfo = function (user) { .

TS基础之（四）TS中的接口 interface

w96098的博客

08-31

1万+

接口应用在面向对象的编程中；是一种规范的定义；属性接口 function shuxing(sxinfo:{a:string}){ console.log(11) } shuxing({a:''}) //一个对传入参数的约束；传入的参数键key必须叫做a；值value必须是string类型； //mytry function shuxing(a:string){ console.log(11) } s

ts中的接口（interface）示例代码及解释

kkkys_kkk的博客

12-29

5749

在 TypeScript 中，interface（接口）是一种用来描述对象形状的结构化类型。与其他语言中的接口概念类似，它定义了对象应该具有的属性和方法，但不提供具体的实现。与类相似，接口可以扩展其他接口，并且可以用于描述函数类型、数组类型等数据形态。在 TypeScript 中接口非常常用，因为它可以帮助开发人员更好地理解代码和规避错误，提高代码的可维护性和可读性。

基于ts的动态接口数据配置的详解

10-15

在基于ts的动态接口数据配置中，我们关注的是如何灵活地处理从后端获取的数据，使得前端组件能够适应不同场景的需求。本文将深入探讨这个话题，并通过实例代码详细介绍。首先，让我们了解需求前景。在构建可复用的...

TypeScript入门-接口

11-27

在TypeScript中，接口（Interface）是一个非常重要的概念，它主要用来定义对象的结构，包括对象的属性和方法。通过接口，我们可以为不同类型的对象提供一个共同的契约，确保代码的稳定性和可维护性。首先，让我们...

ts核心基础之接口（Interface）

09-01

4861

作为一个纯粹的前端攻城狮，有时候很难理解面向对象的思维，所以，有些功能你能够用JS完成，但是转换成TS就有点不知所措了。面向对象设计和编程遵循的几个原则： SOLID原则： SRP(Single Responsibility Principle) 单一职责原则； OCP(Open Closed Principle) 开/闭原则； LSP(Liskov Substitutio

TS中interface接口的简单用法

逆风优雅的博客

12-28

8701

// interface的使用 interface Gril { //定义Gril的类型 name: string; age: number; bust: number; hobby?: string } // hobby?: string 表示的是这个这个值可以有也可以没有 const gril1 = { name: '李焕英', age: 15, bust: 90 } const gril2 = { name: '刘悦', .

一分钟带你搞清楚ts中 interface 和 type 的概念和用法（较全）

热门推荐

黑客与画家

09-03

1万+

文章目录前言一、概念二、两者的异同1.相同点2.不同点总结前言提示：刚学习TS 的新手看到type 和 interface 会分不清楚什么场景下怎么使用，所以写一篇文章总结一下一、概念 type : 类型别名概念：可以给一个或多个数据类型（string、number、…）取一个别名；举例： type dataType=number (给一个) type dataType=number | string | turple interface：接口概念：定义参数或方法的数据类型；二、两者的异

TypeScript中的interface

Sapling

10-26

643

interface是对象的模板，可以看作是一种类型约定，中文译为接口，使用了某个模板的对象，就拥有了指定的类型结构。指定了一个对象模板，有三个属性，任何要实现这个接口的对象，都必须部署这三个属性，并且符合规定的类型。使用方括号运算符可以取出interface某个属性的类型interface 可以表示对象的各种语法，它的成员有5种形式。

TS基礎：Interface接口

超悠閒的博客

05-01

354

Interface 接口 Interface 接口簡介參考正文 Basic 原始定義 Optional Properties 可選屬性 Readonly Properties 只讀屬性 readonly vs const Function Type 函數類型 Indexable Type 可索引類型 Class Type 類公共部分和靜態部分區分 Extendsio...

ts语法---数据类型，interface和type的用法

I_am_shy的博客

07-01

1860

ts的数据类型自上而下的分级有第一层 any-任意类型和unknow类型，第二层原型链的Object类型，第三层 js类的类型第四层标准的typescript类型第五层对应的实例数据类型第六层 never类型这里的分层表示，上面的类型包括了下面的类型，例如，any类型在最顶层可以赋值任何数据类型，字符串，数字，对象等等。

Ts中interface接口定义

明知山

11-02

2073

JSON类型接口约束 interface fullName { firstName: string lastName: string name?: string //可传可不传 } function getName(name: fullName): void { console.log(name) } getName({ firstName: "任", lastName: "我行" }) 函数类型接口约束 interface encrypt { (key: st

Typescript 之接口 interface（详解）

蜗牛~~

06-21

6847

你可以把它理解为形状，一个对象需要有什么样的属性，函数需要什么参数或返回什么样的值，数组应该是什么样子的，一个类和继承类需要符合什么样的描述等等。需要注意的是类 Interface 只会检查实例的属性，静态属性是需要额外定义一个 Interface；接口就是用来定义一个类结构，定义一个类中应该包含哪些属性和方法，同时接口也可以当成类型声明去使用。混合类型的接口就是使用同一个 Interface 来描述函数或者对象的属性或方法。接口可以约束对象,函数,类的结构和类型,是一种代码协作必须遵守的契约。

ts的class类概念

07-24

### TypeScript (TS) 中的 `class` 概念 TypeScript 是 JavaScript 的超集，它扩展了 JavaScript 来提供更好的类型安全性和结构化支持。在 TypeScript 和 ES6 中引入的 `class` 关键字用于创建类（即面向对象程序...