typescript笔记(十二)

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

1)、语法:

interface interface_name {

}

例如:

interface IPerson{

    firstname : string,

    lastname : string,

    say : ()=>string

}

let cus :IPerson={

    firstname : 'King',

    lastname : 'wroker',

    say : ():string=>{return 'beijing hello'}

}

console.log(cus.firstname)      //King

console.log(cus.lastname)      //wroker

console.log(cus.say())      //beijing hello

let str : IPerson={

    firstname : '韩信',

    lastname : '刘邦',

    say : () : string => {

        return '萧何月下追韩信'

    }

}

console.log(str.firstname);    //韩信

console.log(str.lastname);          //刘邦

console.log(str.say());        //萧何月下追韩信

2)、联合类型和接口

例如:

interface ff{

    porg : string,

    comm : string[] | string | (()=>string)

}

// 字符串数组

let aa : ff = {

    porg : "吴刚",

    comm : ["岳秀清",'吴与卿','吴刚'],

}

console.log(aa.comm[0]);    //岳秀清

console.log(aa.comm[1]);        //吴与卿

console.log(aa.comm[2]);        //吴刚

//函数表达式

let nn : ff = {

    porg : '吴刚',

    comm : ()=>{

        return "岳秀清"

    }

}

let ll : any = nn.comm

console.log(ll());      //岳秀清

3)、接口和数组:接口中我们可以将数组的索引值和元素设置为不同类型,索引值可以是数字或字符串。

例如:

interface ff {

    [index:number]:string

}

let list : ff = ['吴刚','岳秀清'];

console.log(list)

4)、接口继承:接口可以通过其他接口来扩展自己;Typescript 允许接口继承多个接口;继承使用关键字 extends。

语法:

单接口继承语法

Child_interface_name extends super_interface_name

多接口继承语法

Child_interface_name extends super_interface1_name, super_interface2_name,…,super_interfaceN_name

例如:

单接口继承:

interface ff{

    age : number

}

interface mm extends ff{

    instrument:string

}

let aa = <mm>{};

aa.age = 15

aa.instrument="吴刚"

console.log('年龄:'+aa.age);  //年龄:15

console.log("姓名:"+aa.instrument);    //姓名:吴刚

多接口继承:

interface ff{

    v : number

}

interface nn{

    v1 : number

}

interface child extends ff,nn{ }

let obj = {v : 23,v1 : 12};

console.log(obj.v ,obj.v1)      //23 12

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354