从C#到TypeScript - 接口

从C#到TypeScript - 接口

为了更好的抽象出行为和属性,TypeScript在ES6的基础上增加了接口interface。 C#也有interface,不过TypeScript的接口还不大一样,C#里的接口一般是为类服务,让类实现接口中定义的方法或属性。 TypeScript在C#基础上更进一步,由于JavaScript是门非常灵活的语言,TypeScript作为JavaScript的超集需要保持灵活性,所以接口在TypeScript里可以脱离具体的类,单独作为类似契约的存在,接口里的属性也并非一定需要实现。

类的接口

这和C#的差不多,描述了公共的成员;不过实现接口语法有点类似于Java,用的是implements。

interface Selectable {
    isSelected: boolean;
}

class Control implements Selectable {
    isSelected : boolean;
}

同C#一样,接口可以多重继承其他接口,用的是extends。

interface Editable {}
interface Deleteable {}

interface Changeable extends Editable, Deleteable {}

接口的属性

接口的属性可以定义为readonly,这个和C#里只有get没有set的属性有点像,同样,实现接口的类也不一定需要readonly

interface Selectable{
    readonly isSelected: boolean;
}

class Control implements Selectable{
    isSelected: boolean;
}

let s: Selectable = { isSelected : true };
s.isSelected = false; // 编译出错, readonly

let c: Control = { isSelected : true };
c.isSelected= false; // 没问题

另外,接口还支持可选属性,同C#的可空属性一样,用?表示,实现接口的类可以不用实现可选属性。

interface RequestConfig {
    url: string;
    body?: any;
}

class Request implements RequestConfig {
    url: string;
}

接口不需要类的支持

在C#里面,接口如果没有类来实现的话是没有什么意义的,但在TypeScript里不一样,接口可以单独使用。

interface RequestConfig {
    url: string;
    body?: any;
}

let config: RequestConfig = {url: 'www.google.com'};

这种经常用在函数的参数上面,用来描述具体的参数,把具体的参数放到接口里,方便操作,也方便重构。

function Request(config: RequestConfig){

}

接口除了描述属性外,还可以用来描述函数,不过一个接口只能描述一个函数,描述时定义好参数和返回值即可。 从实现上看有点类似于C#的delegate

interface CheckLogin {
    (name: string, pwd: string): boolean;
}

let check: CheckLogin = function(name: string, pwd: string): boolean {
    return false;
}

另外,接口还可以用来描述可索引类型,就有点类似C#的Dictionary。 索引支持两种:numberstring

//定义一个Dict,key是string,value也是string
interface Dict {
    [key: string] : string;
}

let dict: Dict = { 'key1': 'value1', 'key2': 'value2'};
console.info(dict['key1']); // value1
console.info(dict['key']); // undefined

接口继承类

这在C#中很不可思议,接口居然还可以反过来继承类,不过对于JavaScript里来说,灵活方便很重要,所以TypeScript实现了这个功能来快速生成一个接口。 虽说在比较复杂的继承关系时可能会有用,不过个人认为这个功能还是有点鸡肋,因为复杂的继承通常会引入一些问题如紧耦合,牵一发而动全身,再加上这个,可能更让人摸不着头脑,不如用组合来得好。 接口继承类时会继承类中所有的成员,不管是private,protected还是public,只是不包括其实现。 不过继承了一个类不公开成员的接口只能被该类或该类的子类实现。

class User{
    name: string;
    protected pwd: string = "123";
}

class Admin extends User{
    constructor(n: string, p: string){
        super();
        this.name = n;
        this.pwd = p;
    }
}

interface UserConfig extends User{ //这里包含了name和private的pwd
}

let config: UserConfig = new Admin('brook', '123');

泛型

TypeScript是同C#一样支持泛型的,而且在使用方面也差不多,在接口名后面加上<T>即可。

interface Testable<T> {
    field: T;
    (arg: T): T;
}

也支持泛型约束,关键字是extends

interface Testable<T extends Object> {
    field: T;
    (arg: T): T;
}

TypeScript的接口对于C#程序员来说是有点奇怪了,不过用过之后还是发现非常符合JavaScript语言灵活的特性。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏微信公众号:Java团长

你一直弄不懂的Java反射机制

Java反射机制, 啧啧, 当你看到这几个字的时候就有一种不好的预感, 没错, 这个东西是不怎么好理解, 所以特开此篇, 从实用的角度, 用确切的代码来讲解一下...

1101
来自专栏非著名程序员

Java 反射基础(上)

? 原文链接: http://blog.csdn.net/My_TrueLove/article/details/51298218 写在前面: 投稿作者是一位...

1849
来自专栏从零开始学自动化测试

Selenium2+python自动化56-unittest之断言(assert)

前言 在测试用例中,执行完测试用例后,最后一步是判断测试结果是pass还是fail,自动化测试脚本里面一般把这种生成测试结果的方法称为断言(assert)。 用...

2606
来自专栏后端技术探索

nginx location配置(转)

今天讲下location的用法,部分内容是直接从网络上摘取的,这边做了一个整理,为了便于理解和学习,我这边做了一些例子。

864
来自专栏增长技术

采用现代Objective-C

多年来,Objective-C语言已经有了革命性的发展。虽然核心理念和实践保持不变, 但语言中的部分内容经历了重大的变化和改进。现代化的Objective-C在...

613
来自专栏Java学习网

Java 8新特性——提供了一种可以看作多重继承的默认方法

在Java 8中有一种默认方法实现可以看作是一种多重继承,注意下面的例子,该按钮类实现两个接口。 ? 网络配图 每个接口定义了一个默认的方法,因此,这个按钮类可...

2065
来自专栏微信公众号:Java团长

理解Java的三大特性之封装

封装从字面上来理解就是包装的意思,专业点就是信息隐藏,是指利用抽象数据类型将数据和基于数据的操作封装在一起,使其构成一个不可分割的独立实体,数据被保护在抽象数据...

782
来自专栏小狼的世界

PHP中的正则表达式及模式匹配

PHP中对于正则处理文本提供了两种方式,一种是PCRE方式(PCRE库是一个实现了与perl 5在语法和语义上略有差异(详见下文)的正则表达式模式匹配功能的函数...

782
来自专栏java、Spring、技术分享

fastjson详解

  fastjson用于将Java Bean序列化为JSON字符串,也可以从JSON字符串反序列化到JavaBean。

881
来自专栏二进制文集

JDK源码分析 Java Collections Framework 概览

本文转载自:https://github.com/CarpenterLee/JCFInternals

633

扫码关注云+社区