typescript接口扩展

我的小号巨多 發表於 2019-6-17 16:25:00

<div class="cnblogs_code">
<pre>/*

typeScript中的接口

接口扩展

*/

/*
接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java，同时还增加了更灵活的接口类型，包括属性、函数、可索引和类等。

定义标准。

*/

// 可索引接口：数组、对象的约束（不常用）

//ts定义数组的方式
 /*
 var arr:number[]=

 var arr1:Array<string>=['111','222']
 */

 //可索引接口对数组的约束
 // interface UserArr{
 // :string
 // }

 // // var arr:UserArr=['aaa','bbb'];

 // // console.log(arr);

 // var arr:UserArr=;/*错误*/

 // console.log(arr);

 //可索引接口对对象的约束

 // interface UserObj{

 // :string
 // }

 // var arr:UserObj={name:'张三'};

//接口扩展：接口可以继承接口 

// interface Animal{

// eat():void;
// }

// interface Person extends Animal{

// work():void;
// }

// class Web implements Person{

// public name:string;
// constructor(name:string){
// this.name=name;
// }

// eat(){

// console.log(this.name+'喜欢吃馒头')
// }
// work(){

// console.log(this.name+'写代码');
// }

// }

// var w=new Web('小李');

// w.eat();


interface Animal{

 eat():void;
}

interface Person extends Animal{

 work():void;
}

class Programmer{

 public name:string;
 constructor(name:string){
 this.name=name;
 }

 coding(code:string){

 console.log(this.name+code)
 }
}

class Web extends Programmer implements Person{

 constructor(name:string){
 super(name)
 }
 eat(){

 console.log(this.name+'喜欢吃馒头')
 }
 work(){

 console.log(this.name+'写代码');
 }

}

var w=new Web('小李');

// w.eat();

w.coding('写ts代码');</pre>
</div>
 

</div>
<div id="MySignature" role="contentinfo">
最后，关注【码上加油站】微信公众号后，有疑惑有问题想加油的小伙伴可以码上加入社群，让我们一起码上加油吧！！！ 
来源：https://www.cnblogs.com/loaderman/p/11040423.html

頁: [1]

琼殿技术论坛's Archiver

typescript接口扩展