Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >10-TypeScript中的接口

10-TypeScript中的接口

作者头像
用户1910585
发布于 2018-05-04 09:53:08
发布于 2018-05-04 09:53:08
1.1K00
代码可运行
举报
运行总次数:0
代码可运行

接口是一种规约的约定,从接口继承的类必须实现接口的约定。在高级开发中,通常接口是用于实现各种设计模式的基础,没有接口,设计模式无从谈起。

定义接口:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
interface ILog{
    recordlog():boolean;
}

类从接口继承:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
class Log4Net implements ILog{
    public recordlog():boolean{
        try{
            console.log("log4net has been recored");
            return true;
        }
        catch(e) {
            console.log(e.message);
            return false;
        }
    }
}

类的调用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var log=new Log4Net();
log.recordlog();

另外接口也可以作为方法的参数类型,在具体实现时,就可以传入任何从接口继承的类的实现。

接口定义:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
interface IStudent{
    Name:string;
    Age:number;
}

类的定义与方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
class MiddleSchoolStudent{
    constructor(public student:IStudent){
    }
    public GetMSSInfo(){
        console.log(this.student.Name+" "+this.student.Age);
    }
}

调用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var mss=new MiddleSchoolStudent({
    Name:"caojian",
    Age:37
});
mss.GetMSSInfo();
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-09-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
快速了解typescript语法
一个保存字符串的文本,类型声明为 string。可以发现类型声明可大写也可小写,后文同理。
用户9914333
2022/07/21
9370
TypeScript联合类型 接口
这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString()
HueiFeng
2020/04/01
6270
从 JavaScript 到 TypeScript
TypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集,为 JavaScript 的生态增加了类型机制,并最终将代码编译为纯粹的 JavaScript 代码。 TypeScript 简介 TypeScript 由 Microsoft(算上 Angular 2 的话加上 Google)开发和维护的一种开源编程语言。 它支持 JavaScript 的所有语法和语义,同时通过作为 ECMAScript 的超集来提供一些额外的功能,如类型检测和更丰富的语法。下图显示了 TypeScrip
牧云云
2018/04/28
1.6K0
从 JavaScript 到 TypeScript
TypeScript接口
在 TypeScript 中,接口(Interface)是一种用于定义对象的结构和类型的语法约定。接口提供了一种方式来描述对象的属性、方法和行为,并且可以在多个类之间共享和重用。
堕落飞鸟
2023/05/22
4530
Typescript笔记
数值类型有很不止 number, bigint也是。同时值的话可以是十进制,二进制,还可以是NaN。
踏浪
2020/11/05
5980
typeScript的基础认识
世间万物皆对象
2024/03/20
1360
一份不可多得的TypeScript系统入门整理
函数声明(Function Declaration)和函数表达式(Function Expression)
@超人
2021/07/29
1.8K0
一份不可多得的TypeScript系统入门整理
一起重学TypeScript
class 类名<T> { name!: T; hobby!: T; } # 这样这个类的所有类型为 number let 实例 = new 类名<number>();
程序员海军
2021/10/10
2.1K0
一起重学TypeScript
TypeScript-类和接口
🌊 关注我不迷路,如果本篇文章对你有所帮助,或者你有什么疑问,欢迎在评论区留言,我一般看到都会回复的。大家点赞支持一下哟~ 💗
杨不易呀
2023/09/28
2390
02. 从TypeScript入手,驾驭HarmonyOS开发的技术风潮!-----------(中篇)
TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口(Interfaces)来定义对象的类型。 接口是对象的状态(属性)和行为(方法)的抽象(描述)
全栈若城
2024/03/10
1990
02. 从TypeScript入手,驾驭HarmonyOS开发的技术风潮!-----------(中篇)
TypeScript
TypeScript中的Object类型并不单指普通的对象类型,而是泛指非原始类型,也就是对象,数组和函数
conanma
2021/10/28
1.8K0
typescript基础一览,助你从入门到放弃!
ts作为一个超级js,这两年是越来越火,我辈中人如何能不馋他,故观其大概后,迫不及待分享给大家,自己加深印象同时,又帮助大家,岂不美哉!本文分为三个部分,基础语法,进阶语法,以及高级语法,主要是讲解常用语法使用,方便以后忘记之处及时查阅!
用户7413032
2020/06/11
8480
typescript基础一览,助你从入门到放弃!
typescript笔记2 函数 类 接口
es5中方法实参和形参可以不一样,但是ts中必须一样,如需不一样可配置为可选参数 注:可选参数必须配置在最后面
路过君
2022/04/13
1.1K1
你应该知道的TypeScript高级概念
来源 | https://juejin.cn/post/6897779423858737166
winty
2020/12/07
5310
typescript 接口_typeScript
TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口(Interfaces)来定义对象的类型。接口是对象的状态(属性)和行为(方法)的抽象(描述)
全栈程序员站长
2022/09/16
1.2K0
typescript 接口_typeScript
Typescript 使用日志(干货)
最近这两年,有很多人都在讨论 Typescript,无论是社区还是各种文章都能看出来,整体来说正面的信息是大于负面的,这篇文章就来整理一下我所了解的 Typescript。
刘小夕
2020/09/07
2.6K0
一文掌握TypeScript的接口
接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。
言程序
2024/07/05
1540
学习TypeScript 之 interface 接口
Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~ 接口(interface )在其他的编程语言中的概念如出一辙,都是在制定使用时的标准和规范。接下来我们一起看一下在接口中定义必要属性,可选属性,任意属性,函数,接口实现和接口继承的具体代码实现。 ​ 一、类型注解: 1. 必要属性: 如下代码例子说明Person接口包括一个必要的姓名和性别属性,使用interface进行标记即可,在定义jones的时候就需要把全部属性定义出来,反之则触发ts检测并提示要进
前端小鑫同学
2022/12/26
3080
TypeScript笔记
安装TypeScript到全局 npm i typescript -g 编译TypeScript tsc main.ts 监听文件变化自动编译 tsc -w main.ts 布尔类型 let a: boolean = true; let b: boolean = false; 数字类型 let a: number = 1; 字符串类型 let a: string = "Hello World"; Any 相当于原生Javascript的定义,不限制类型。 let a: any = 1; let b: any
幻影龙王
2021/09/12
2960
TypeScript 快速入门
由于这种强弱类型之分根本不是某一个权威机构的定义,一般描述强类型有更强的类型约束,而弱类型中几乎没有什么约束。
用户3045442
2020/08/06
1.6K0
TypeScript 快速入门
相关推荐
快速了解typescript语法
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验