typescript学习(三)——类

一、类的定义

在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() {}
}

类、接口之间有更复杂的实现:类与接口

六、声明合并

多个相同名字的函数、接口或类,会自动合并成一个类型,遵循:

  • 唯一性:合并的属性类型必须是唯一的
  • 可重载:函数方法是可以重载的
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值