← 返回首页
Vue3基础教程(七)
发表时间:2021-08-03 09:25:28
Typescript之接口

接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。

TypeScript 接口定义如下:

interface interface_name { 
}

以下实例中,我们定义了一个接口 IShape (形状接口),接着定义了圆形类实现形状接口,实现计算圆形对象的周长和面积。

//形状接口
interface IShape {
    getCircle(): number;
    getArea(): number;
}

const PI = 3.14;
class Circle implements IShape {
    r: number;  //半径属性
    constructor(r: number) {
        this.r = r;
    }
    getCircle() {
        return PI * 2 * this.r;
    }
    getArea() {
        return PI * this.r * this.r;
    }
}

let circle = new Circle(10);

console.log("面积是:" + circle.getArea());
console.log("形状是:" + circle.getCircle());