TypeScript的接口

TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口(Interfaces)来定义对象的类型。接口是对象的状态(属性)和行为(方法)的抽象(描述)

在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型
接口: 是对象的状态(属性)和行为(方法)的抽象(描述)
接口类型的对象
    多了或者少了属性是不允许的
    可选属性: ?
    只读属性: readonly

(() => {
    interface IPerson {
        // readonly 设置,此属性为只读属性
        readonly id: number
        name: string
        age: number
        // ? 代表这个属性可有可无
        sex?: string
    }
    // 定义一个对象,该对象的类型是我定义的接口IPerson
    const person: IPerson = {
        id: 1,
        name: 'tom',
        age: 20,
        // sex: '男'
    }
    person.sex = '女';
    // person.id = 111;   // id在只读的状态下,这个状态是不能修改的
})()

函数类型

接口能够描述 JavaScript 中对象拥有的各种各样的外形。 除了描述带有属性的普通对象外,接口也可以描述函数类型。

为了使用接口表示函数类型,我们需要给接口定义一个调用签名。它就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。

(() => {
    // 函数类型

    // 定义一个函数,用来作为某个函数的类型使用
    interface ISearchFunc {
        (source: string, subString: string): boolean
    }
    // 定义一个函数,该类型是上面定义的接口
    const searchString: ISearchFunc = function (source: string, subString: string): boolean {
        // 在source字符串中查找subString字符串
        return source.search(subString) > -1
    }

    // 调用函数
    console.log(searchString('113345511', '11'))
})()

类类型

// 类 类型:类的类型可以通过接口来实现
(() => {
    // 定义一个接口
    interface IFly {
        // 该方法没有任何的实现(方法中什么都没有)
        fly(): any
    }
    // 定义一个类 这个类的类型就是上面定义的接口(实际上也可以理解为,IFly接口约束了当前的这个Person类)
    class Person implements IFly {
        // 实现接口中的方法
        fly() {
            console.log('111')
        }
    }
    const person = new Person();
    person.fly()

    // 定义一个接口
    interface ISwim {
        swim(): any
    }
    // 定义一个类,这个类的类型就是IFly和ISwin(当前这个类可以实现多个接口,一个类同同时可以被多个接口进行约束)
    class Person2 implements IFly, ISwim {
        fly() {
            console.log('fly');

        }
        swim() {
            console.log('swim');
        }
    }
    const person2 = new Person2();
    person2.fly()
    person2.swim()

    // 总结:类可以通过接口的方式来定义当前类的类型
    // 类可以实现一个接口,类也可以实现多个接口,要注意,接口中的内容都要真正实现

    // 定义额一个接口,可以继承其他的多个接口
    interface IMyFlyAndSwim extends IFly, ISwim { }
    // 定义一个类直接实现IMyFlyAndSwim这个接口
    class Person3 implements IMyFlyAndSwim {
        fly() {
            console.log('fly3');
        }
        swim() {
            console.log('swim');
        }
    }
    const person3 = new Person3()
    person3.fly()
    person3.swim()

    // 总结:接口和接口之间叫继承(使用的是extends关键字),类和接口之间叫实现(使用的是implements)
})()

这个就是接口内的涉及方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值