• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

typescript接口interface

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

代码:

// 接口:行为的抽象
// 一、对class类的约束
// 接口定义
// 打印机
interface Iprinter {
    Printing(msg:string):string;
}
interface Imessage {
    getmsg():string;
}

// 实现接口/实现多个接口
class colorprinter implements Iprinter,Imessage {
    Printing(msg:string):string{
        return `打印${msg}成功!`
    }
    getmsg():string{
        return "惠普HP10000";
    }
}
let p1 = new colorprinter();
let val = p1.Printing("简历");
console.log(p1.getmsg())
console.log(val)
// 1.实现接口,要实现里面的内容
// 2.定义接口的时候,只定义声明即可,不包含具体内容

// 二、对函数的约束
interface Imyfunction {
    (a:string,b:number):boolean;
}
let fun1:Imyfunction;
fun1 = function(a:string,b:number):boolean {
    return false;
}

// 三、对数组
interface Istuarr {
    [index:number]:string;
}
let arr1:Istuarr;
arr1 = ['aa','bb']
console.log(arr1[0])

// 四、关于json的约束
interface Idata {
    name:string,
    readonly age:number,    // 只读属性
    email?:string  // 可选属性
}
function showdata(n:Idata) {
    // n.age = 18;
    console.log(JSON.stringify(n))
}
showdata({name:"张三",age: 19})

// 接口继承

.


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
[TypeScript]UsingLodashinTypeScriptwithTypingsandSystemJS发布时间:2022-07-18
下一篇:
TypeScript函数泛型发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap