标签：typescript name -- ts 接口 color way fristName string

接口：可用作约束多个对象,数组，函数

关键字：
声明接口 interface
实现接口 implements

//可选参数,对象的约束
	interface peopleName{   
    fristName? : string,
    lastName? : string,
}

	

// 定义多个方法

function teacher(name:peopleName) : void{
    console.log(`语文老师叫： ${name.fristName} ${name.lastName}`);
}

function son(name:peopleName) : void{
    console.log(`我的儿子叫： ${name.fristName} ${name.lastName}`);
}

// 在外部定义参数，参数体内只要含有接口定义的的即可，若在调用方法体内定义，则必须且只有接口内定义的函数

let obj ={
    fristName : '李',
    lastName : '白',
    age: 18 ,
    sex : 'man'
}

teacher(obj);

son({fristName:'小' , lastName : '龙人'})  //正确写法

// son({fristName :'小'})   //错误写法  若不是可选参数，及错误

接口继承接口

interface car {
    name : string;
    color : string;
    way(name:string , color : string) :string
}

interface BBA extends car {
    type():void;
}

class people implements BBA{
    name :string;
    color: string; 
    constructor(name :string , color : string){
        this.name = name;
        this.color = color
    }

    way(name: string, color: string): string {
         return    ` ${name} 可以爬山涉水`
    }

    type(): void {
        console.log(this.name)
    }
}

let woman =  new people('女人','蓝色')

woman.type()

接口结合继承使用

// 实现接口

interface car {
    name : string;
    color : string;
    way(name:string , color : string) :string
}

class BMW implements  car{
    name: string;
    color: string;
    constructor(name:string,color:string){
        this.name = name;
        this.color = color
    }
    way(name: string, color: string): string {
        return `${color} ${name} 进入工厂`
    }
}

class BMW_X1 extends BMW {
    constructor(name:string , color:string ){
        super(name,color)
    }
    way(name: string, color: string): string {
        return `宝马类型： ${name} 颜色： ${color}`
    }

}

let a = new BMW_X1 ('宝马X1','红色')

console.log(a)

标签：typescript,name,--,ts,接口,color,way,fristName,string
来源： https://blog.csdn.net/qq_41820930/article/details/122534008

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。