【TS】 接口

TS 接口

接口是一系列抽象方法的声明，是一些方法特征的集合。
这些方法都应该是抽象的，需要由具体的类去实现，让具体的类执行具体的方法。

1. 简单接口实例

// 定义一个接口 User
interface User {
	name: string,
   	age: number,
    sing: ()=>string
}

//定义一个变量 xiaoXu
let xiaoXu: User = {
	name: "小徐",
	age: 18,
	sing: ():string => "徐前进"
}

console.log(xiaoXu.name); //小徐
console.log(xiaoXu.age); //18
console.log(xiaoXu.sing()); //徐前进

2. 联合类型和接口

interface RunOptions { 
    program:string; 
    commandline:string[]|string|(()=>string); 
} 
 
// commandline 是字符串
var options:RunOptions = {
    program:"test1",
    commandline:"Hello"
}; 
console.log(options.commandline)  
 
// commandline 是字符串数组
options = {
    program:"test1",
    commandline:["Hello","World"]
}; 
console.log(options.commandline[0]); 
console.log(options.commandline[1]);  
 
// commandline 是一个函数表达式
options = {
    program:"test1",
    commandline:()=>{return "**Hello World**";}
}; 
 
var fn:any = options.commandline; 
console.log(fn());

3. 接口和数组

接口中可以将数组的索引值和元素设置为不同类型，索引值可以是数字或字符串。
将元素设置为字符串类型：

interface namelist { 
   [index:number]:string 
} 
var list1:namelist = ["Google","Runoob","Taobao"]; // 类型一致，正确
var list2:namelist = ["Runoob",1,"Taobao"]; // 错误元素 1 不是 string 类型

4. 接口继承

接口继承就是说接口可以通过其他接口来扩展自己。

TS允许接口继承多个接口，使用关键字extends。

4.1 单接口继承

interface Person { 
   age:number 
} 
 
interface Musician extends Person { 
   instrument:string 
} 
 
var drummer = <Musician>{}; 
drummer.age = 27 
drummer.instrument = "Drums" 
console.log("年龄:  "+drummer.age)
console.log("喜欢的乐器:  "+drummer.instrument)

4.2 多接口继承

interface IParent1 { 
    v1:number 
} 
 
interface IParent2 { 
    v2:number 
} 
 
interface Child extends IParent1, IParent2 { } 
var Iobj:Child = { v1:12, v2:23} 
console.log("value 1: "+Iobj.v1+" value 2: "+Iobj.v2)