接口的基本使用

1
2
3
4
5
6
7
8
9
interface User{
name:string;
age:number;
}
const user:User = {
name:'张三';
age:20;
};

1
2
3
4
5
6
7
interface Sum{
(a:number.m:number):number;
}
const sun:Sum = function(a.b){
return a+b;
};

1
2
3
4
5
6
7
8
9
10
11
12
interface Person {
name:string;
addEvent():void;
removeEvent():void;
}
class NewPerson implements Person{
name:string = 'test';
addEvent():void{}
removeEvent():void{
}
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
interface User{
name:string;
age:number;
}
let user:User = {
name:'张三',
age:20,
};
let someone = {
name:'李四',
age:50,
sex:'男',
};
user = someone;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
interface Reportable{
summary():void;
}
function printSummary(item:Reportable):void{
item.summary()
}
const person = {
name:'张三',
summary(){
console.log(`hello,my name is ${this.name}`);
},
};
printSummary(person);

1
2
3
4
5
6
7
8
interface User {
name:string;
age:number;
}
const user : User = {name:'张三'，age:20};
const another : User = {name:'李四',age:40,sex:'男'}；
//此处会报错，因为接口内没有sex

1
2
3
4
5
6
7
8
9
10
11
12
13
14
interface Reportable{
summary():void;
}
function printSummary(item:Reportable):void{
item.summary();
}
printSummary({
name:'张三',
//此处会报错，name 不在类型Reportable中，对象字面量只能指定已知属性
summary(){
console.log(`hello,my name is ${this.name}`)
},
});

1
2
3
4
5
6
interface User{
name:string;
age:number;
}
const another : User = {name:'李四',age:40,sex:'男'} as User;

1
2
3
4
5
6
7
interface User{
name:string;
age:number;
[key:string]:string | number;
}
const another : User = {name:'李四',age:40,sex:'男'}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
interface Sizes{
sizes:string[];
getSize():string[];
}
interface Shape{
color:string;
}
//Pizza 继承了两个接口，Sizes 以及 Shape
interface Pizza extends Sizes,Shap{
name:string;
}
let pizza:Pizza = {
name:'张三',
color:'skyblue',
sizes:['large','small'],
getSize(){
return this.sizes;
},
};

1
2
3
4
5
6
7
8
interface User{
name:any;
age:number;
}
interface MyUser extends User{
name:bollean;
}

1
2
3
4
5
6
7
8
9
interface User {
height:number;
width:number;
}
interface User{
scale:number;
}
let user:User = {height:5,width:6,scale:10};