Typescript中的接口

什么是接口

一个类只能继承另外一个类, 有时候不同之间可有一些共有的特性, 这个时候就可以把这些特性提取出来形成一个接口(interface)

类实现接口

• 实现是面向对象的一个概念
• 用implements关键字来实现
• 一个类可以实现多个接口
• 接口也可以继承接口

接口类型

• 属性类型接口

// 定义一个属性类型接口
interface Params{
    username: string,
    password: string,
    id?:number  // 可选属性
}

// 使用接口
function login(url:string, params: Params){
    console.log(params);
}

// 实现接口
var params: Params = {username:"aa", password:"bb"};
login("http://www.baidu.com", params);

• 函数类型接口

// 定义接口
interface Params{
    username: string,
    password: string,
    id?:number  // 可选属性
}
interface Callback{
    (result:string, error?:number):void;
}

// 使用接口
function login(url:string, params: Params, callback: Callback){
    callback("获取数据成功");
}

// 实现
var params: Params = {username:"aa", password:"aa"};
login("http://www.baidu.com", params, (result:string, error:number){
    console.log(result);
});

• 数组类型接口

// 定义接口
interface Params{
    [index:number]:string;
}

// 使用
function login(url:string, params: Params){
    console.log(params);
}

// 实现
var params:Params = ["sn", "123456"];
login("http://www.baidu.com", params);

• 类类型接口

interface Animal{
    name: string;
    age: number;
    eat(food:string):void;
}

class Person implements Animal{
    name: string;
    age: number;
    eat(foot:string):void{
        console.log("eat ..."+ foot);
    }
}

var person = new Person();
person.name = "sn";
person.age = 11;
person.eat("米饭");

Typescript的接口知识点今天我们就说这么多，后续我们会继续补充接口的知识点，如果你喜欢这篇文章，请给点个赞，谢谢啦！！！