美文网首页
Typescript中的接口

Typescript中的接口

作者: iDevOps | 来源:发表于2019-08-17 00:01 被阅读0次
什么是接口

一个类只能继承另外一个类, 有时候不同之间可有一些共有的特性, 这个时候就可以把这些特性提取出来形成一个接口(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的接口知识点今天我们就说这么多,后续我们会继续补充接口的知识点,如果你喜欢这篇文章,请给点个赞,谢谢啦!!!

相关文章

网友评论

      本文标题:Typescript中的接口

      本文链接:https://www.haomeiwen.com/subject/rzrnjctx.html