一、类的定义
在es6中,为了让js类的写法更像面向对象的形式,引入了class
语法糖实现类。
ts中的类是在es6的基础上加上类型强定义实现的。
阮一峰教程:es6类的实现
二、类的继承——extends关键字
类的修饰符
public
公有类型:变量在当前类里面、子类、类外面都可以访问protected
保护类型:变量在当前类里面、子类中可以访问,在类外面不能访问private
私有类型:只能在当前类里面访问,子类、类外部无法访问
不加修饰符时,默认是公有类型属性
静态属性、静态方法
三、多态——继承的一种
多态:父类定义一个方法不去实现,让继承它的子类去实现,每一个子类有不同的表现(即子类定义一个与父类名字相同的方法,以此覆盖父类方法,实现不同功能)。
多态是继承的一种表现。
class Animal {
name:string;
constructor(name:string) {
this.name = name;
}
eat() {
console.log("每个动物吃的方法");
}
}
class Dog extends Animal {
constructor(name:string) {
super(name);
}
eat() {
console.log("狗狗吃肉");
}
}
四、抽象类
抽象类:提供其它类继承的基类,不能直接被实例化。
用abstract
关键字定义抽象类和抽象方法,抽象类中的抽象方法不包含具体实现并且必须在派生类中实现(即抽象类和抽象方法用来定义基类的标准)。
abstract
抽象方法只能放在抽象类中。
abstract class Animal {
// 在抽象类中可以写普通的方法
public name:string;
constructor(name:string) {
this.name = name;
}
abstract eat():any;
}
// var a = new Animal() /* 错误的写法,抽象类不能被实例化 */
calss Dog extends Animal {
constructor(name:string) {
super(name);
}
// 抽象类的子类必须实现抽象类中的抽象方法
eat() {}
}
五、接口
接口:在面向对象的编程中,是一种规范的定义,定义了行为和动作的规范。
作用:在程序设计中,接口起到限制和规范的作用,定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。
ts中的接口类类似于java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和类等。
和抽象类的不同:子类只能继承自一个抽象类,但却能使用多个接口(类表示某一类对象,如动物,接口表示许多类别可以共有的属性、动作或方法,如车和防盗门共有的报警方法)
- 属性类接口
// 1. 对象约束 属性接口
interface FullName {
firstName: string; // 注意要以分号;结束
secondName: string;
}
// 定义了函数参数形式
function printName(name: FullName) {
console.log(name.firstName+name.secondName)
}
// 错误的写法:直接传入对象时,该对象的形式必须满足接口的形式,只能有接口中定义的属性
printName({
age: 20,
firstName: 'zhang',
secondName: 'san'
})
// 正确的写法一
printName({
firstName: 'zhang',
secondName: 'san'
})
// 正确的写法二:定义在外部的对象,不需要完全满足接口的定义。
var obj = {
age: 20,
firstName: 'zhang',
secondName: 'san'
}
printName(obj)
// 2. 可选属性接口
interface FullName {
firstName?: string; // 注意要以分号;结束
secondName: string;
}
- 函数类接口
// 如一个加密类型函数
interface encrypt {
(key:string, value:string):string;
}
// 使用接口的函数必须满足接口的类型定义
var md5:encrypt = function(key:string, value:string):string {
return key + value
}
- 可索引接口:数组、对象的约束
// 1. 对数组约束
interface UserArr {
[index:number]: string
}
var arr:UserArr = ['aa', 'bb'] // 正确
var arr1:UserArr = [1, 'bb'] // 错误
// 2. 对对象约束
- 类类型接口:对类的约束,和抽象类抽象有点相似
interface Animal {
name: string;
eat(str:string):void;
}
class Dog implements Animal {
name: string;
constructor(name:string) {
this.name = name
}
eat() {
console.log()
}
}
- 接口扩展:接口可以继承接口
interface Animal {
eat():void;
}
interface Person extends Person {
work():void;
}
// 1. 普通用法
class Web implements Person {
public name:string;
constructor(name:string) {
this.name = name
}
eat() {}
work() {}
}
// 2. 继承 + 接口的用法
// 定义一个程序员类
class Programmer {
public name:string;
constructor(name:string) {
this.name = name;
}
coding(code:string) {}
}
// java继承程序员类,且使用Person的接口
class Java extends Programmer implements Person {
// 继承Programmer的属性和方法
constructor(name:string) {
super(name)
}
// 同时必须有接口Person的方法
eat() {}
work() {}
}
类、接口之间有更复杂的实现:类与接口
六、声明合并
多个相同名字的函数、接口或类,会自动合并成一个类型,遵循:
- 唯一性:合并的属性类型必须是唯一的
- 可重载:函数方法是可以重载的