interface规范
接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能)进行沟通。
类型说明
注意:建议定义类型的时候取值为 Number String Boolean Null Undefined(Void) Object Array Function Date RegExp
目前chameleon接口定义支持简单类型和复合类型。
其中简单类型包括以下类型:
- Number(number)
- String(string)
- Boolean(bool)
- Undefined(void)
Null
复合类型包括以下类型:Function
- Object
- Array
- Date
- RegExp
- Promise
接口语法
接口的使用分两个过程:
- 定义一个接口。
- 定义实现接口的类。
接口定义
范式:
interface [接口名称] {
// 接口中的属性
[属性名称]: [类型],
// 接口中的方法
[方法名称]([传入参数1名称]: [传入参数1类型], [传入参数2名称]: [传入参数2类型], ...): [返回类型]
}
举例:
// 一个名为interface1的接口
interface interface1 {
// foo1: 传入分别为string和number的两个数据,返回值类型为string值
foo1(a: string, b: number): string;
// foo2: 传入分别为string和Callback(上文定义)的两个数据,返回值类型为bool值
foo2(c: string, d: Callback): Boolean;
}
实现接口(定义类)
范式:
class [类名称] implaments [接口名称] {
// 实现接口中的属性
[属性名称]: [类型]
// 实现接口中的方法
[方法名称]([传入参数1名称], [传入参数2名称], ...) {
return [返回值];
}
}
举例:
// 实现一个名称为Clazz,实现上文定义的interface1接口
class Clazz implaments interface1 {
// 实现interface1定义的foo1方法,输入值和输出值要满足定义
foo1(a, b) {
return 'hello ' + a + ' : ' + (b + 1);
}
// 实现interface1定义的foo2方法,输入值和输出值要满足定义
foo2(c, d) {
return 'balabala...';
}
}
复合类型的定义范式
type [类型名称] = [类型定义]
不同的复合类型,类型定义也不相同,下面会对三种复合类型做详细说明。
Function类型定义
范式:
type [Function类型名称] = ([传入参数1名称]: [传入参数1类型], [传入参数2名称]: [传入参数2类型], ...) => [返回类型]
举例:
// 定义一个传参分别为number,string,bool类型的三个参数,返回值为number的函数类型
type Callback = (a: number, b: string, c: bool) => number;
Object类型定义
范式:
type [Object类型名称] = {
[属性名称1]: [类型1],
[属性名称2]: [类型2]
}
举例:
// 定义含有a,b,c三个属性的复合类型
type Scheme = {
a: string,
b: bool,
c: number
}
Array类型定义
范式:
type [Array类型名称] = [
[类型1]
]
举例:
// 定义名称为arrayType1的数组类型,数组元素为number类型
type arrayType1 = [
number
]
复合类型中的相互嵌套
Function、Object、Array三种复合类型可以互相嵌套:
// 定义一个传参分别为number,string,bool类型的三个参数,返回值为number的函数类型
type Callback = (a: number, b: string, c: bool) => number;
// 定义名称为arrayType1的数组类型,数组元素为number类型
type arrayType1 = [
number
]
// 定义名称为Scheme的,含有Array类型和Function类型属性的Object类型
type Scheme = {
a: arrayType1,
b: Callback,
}
// 定义名称为Plan,含有Scheme类型和Callback的属性的Object类型
type Plan = {
a: string,
b: Scheme,
c: Callback
}
// 定义名称为arrayType1类型,元素为Plan类型
type arrayType1 = [
Plan
]
Promise 类型的定义
对于 async函数,由于该函数调用之后的返回值是 Promise对象,所以这样的函数的返回值要声明成 Promise;
interface EntryInterface {
appEntry(): Promise;
appEntry2() : Promise;
}
在 methods 中
class Method implements EntryInterface {
async appEntry(num) {
}
appEntry2(){
return new Promise((resolve,reject) => {
setTimeout(resolve,2000);
})
}
}
Date 类型的定义
如果函数参数或者返回值是 Date 数据类型,那么可以按照下面的方式进行定义;
interface EntryInterface {
handleDate(d:Date) : Date
}
class Method implements EntryInterface {
handleDate(d){
return new Date();
}
}
RegExp 类型的定义
如果函数参数或者返回值是 RegExp 数据类型,那么可以按照下面的方式进行定义;
interface EntryInterface {
handleDate(d:RegExp) : RegExp
}
class Method implements EntryInterface {
handleDate(r){
return new RegExp();
}
}