共计 1433 个字符,预计需要花费 4 分钟才能阅读完成。
TypeScript 的外围准则之一是对值所具备的构造进行类型查看。
一、对象类型接口
TS 应用接口来定义对象的类型。
接口(interface):是对象的状态 (属性) 和行为 (办法) 的形象 (形容)。
实例:需要是创立一个 Person 的对象,须要对该对象进行肯定的束缚:
1、id 是 number 类型,必须有,只读
2、name 是 string 类型,必须有
3、age 是 number 类型,必须有
4、gender 是 string 类型,可没有
语法:应用 interface 关键字,接口名个别加上大写的 i
interface 接口名{
属性名: 值类型 // 必须蕴含该属性
readonly 属性名: 值类型 // 该属性必有且只读
属性名?: 值类型 // 该属性可有可无
}
// 定义一个接口,蕴含以上规定
interface IPerson{
readonly id: number //readonly- 该属性为只读
name: string
age: number
gender?: string //?- 该属性可有可无
}
// 定义一个对象,该对象的类型是接口 IPerson
let p1: IPerson = {
id: 1,
name: 'Liane',
age: 18,
gender: 'female'
}
二、函数类型接口
将接口作为函数的类型,用来束缚函数的参数列表和返回值类型等。
语法:
interface 接口名 {(形参名: 值类型, 形参名: 值类型): 返回值类型
}
// 定义一个函数类型的接口
interface SearchFunc{(source: string,subString: string):boolean
}
// 定义一个函数,类型为 SearchFunc
let mySearch:SearchFunc = function(a:string,b:string):boolean{// 形参名不必须跟接口统一
return a.search(b) > -1
}
console.log(mySearch('Liane','a'))
三、类类型接口
应用接口作为类的类型。
语法:
interface 接口名{办法名() // 该办法没有任何的实现
}
应用时:
class 类名 implements 接口名{/* 类外面必须蕴含接口中的属性和办法 */}
// 定义一个类的接口 IFly
interface IFly{fly()
}
// 定义一个类,类型为 IFly
class Bird implements IFly{fly(){return 'I can fly'}
}
let b1 = new Bird()
console.log(b1.fly())
一个类能够实现多个接口
// 一个类实现多个接口
// 定义一个类的接口 IEat
interface IEat{eatApple()
eatRice()}
// 定义一个类的类型为 IFly 和 IEat
class SuperMan implements IFly,IEat{fly(){return 'I can fly'}
eatApple(){return 'I can eat a apple'}
eatRice(){return 'Rice is delicious'}
}
let superMan = new SuperMan()
console.log(superMan.fly())
console.log(superMan.eatApple())
接口能够继承
语法:
interface 接口名 extends 接口名 1,接口名 2,… {}
// 定义一个接口,继承其余多个接口
interface IMix extends IFly,IEat{}
// 类实现接口的形式同上
正文完
发表至: javascript
2021-03-21