TypeScript学习02-- 面向对象（完结版）

typescript 面向对象

1. 接口
2. 类
- 2.1 抽象类
- 2.2 访问修饰符

1. 接口

TypeScript的核心原则之一是对值所具有的结构进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。
通俗讲，接口就像是一个标准，规范你所定义的类中，应该包含哪些属性和方法，同时也可以当成类声明去使用。
接口中的方法是抽象方法（没有方法体的方法），也只能存放抽象方法
接口可以用来定义一个类的结构，当类继承接口时，类要有接口中的属性，并实现接口中的方法；限制一个实例对象的接口，当实例对象只有包含接口中的属性和方法时，这个对象才是合法的。

语法：
用关键字interface去声明一个接口
用关键字implements实现一个接口

interface 接口名{属性;// 抽象方法，不需实现方法名（）;
}class 类名 implements 接口名{}

下面用一个例子说明如何一个类如何实现接口，以及当接口成为一种声明类型时，是如何使用的。

// 定义一个接口
interface StudentInterface{name;say(msg:string):void
}
//类对接口实现
class Student implements StudentInterface{name;say(msg:string):void{console.log('我的名字是' + this.name +','+msg);}constructor(name){this.name=name}
}
let student1 = new Student('zhangsan')
student1.say("111")
//  对象对接口的实现：把接口当作类型去声明对象
//字面量形式创建对象，必须拥有接口的属性和方法
let student2:StudentInterface={name:"lisi",say(msg):void{console.log("我的名字是"+this.name+","+msg);}
}
student2.say('你好')

复杂类型的对象实现接口：

//对象接口 创建出来的对象可以使用接口去实现
enum Gender{male1='男',female1='女'
}
class Student1{name:string;age:number;gender:Gender
}
interface PropInterface{//接口中使用了类作为数据类型data:Array<Student1>;visible:boolean
}
let stu:PropInterface={data:[{name:'zhangsan',age:18,gender:Gender.male1},{name:'Mary',age:18,gender:Gender.female1}],visible:false
}
console.log(stu);

既要有接口的属性和方法，也要有继承类的所有属性：

输出结果：

2. 类

传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。从ECMAScript 2015，也就是ECMAScript 6开始，JavaScript程序员将能够使用基于类的面向对象的方式。

类的特性：继承性、多态性

类和类之间通过extends关键字继承
多态性：一个对象可以具有多种形态，例如可以是人也可以是学生或教师。
当子类继承父类时，如果子类的方法名和父类的方法名一致，则会对父类的方法进行重写。

// 类
//es6 类是构造函数的另一种方法
//类是创建对象的模板，一个类可以有多个对象
class Person{name:string;age:number;weight?:numbersay():void{console.log('普通讲话');}
}
class Student1 extends Person{stuNo:string;//重写了类方法say():void{console.log('高端讲话');}study(){console.log('好好学习');}
}
//纯粹面向对象 实例是new出来的的
let s1:Student1= new Student1();
s1.age=1;
s1.name='lisi';
s1.stuNo='1002';
s1.say()
s1.study()
console.log(s1);//字面量模式 类型限制
let s2:Student1={stuNo:'1001',name:'zhangsan',age:12,say():void{console.log('普通讲话');},study():void{console.log('好好学习,天天向上');}
}

2.1 抽象类

什么是抽象类？
抽象类无法创建对象。通常用关键字abstract声明。抽象类中可以有普通方法和抽象方法（没有方法体的方法）。

子类继承抽象类：
方法1.：子类必须实现抽象类中的抽象方法
方法2：子类也成为抽象类

abstract class Person1{//抽象方法abstract study():void;
}
// 1.子类必须包含抽象类中得抽象方法
class Student3 extends Person1{study(): void {console.log('好好学习,考上了广西科大');};cook():void{console.log('在广西科大，学会了做饭');}
}
let s2:Student3=new Student3();
s2.study();
s2.cook();// 2.子类成为一个抽象类
// abstract class Student1 extends Person{//  abstract study(): void;
// }

2.2 访问修饰符

修饰符用于修饰类中的成员属性及成员方法（实例属性、实例方法）

修饰符	访问权限
public	公开的，当前类、子类、其他类可以访问
protected	受保护，当前类、子类可以访问
private	私有的，仅当前类可以访问
readonly	将当前属性设置为只读的

修饰符案例

class Person{public name:string;protected age:number;private weight:number;readonly gender:string;constructor(name,age,weight,gender){this.name=name;this.age=age;this.weight=weight;this.gender=gender}protected foo(){console.log(this.name);console.log(this.age);console.log(this.weight);}
}
class Student extends Person{constructor(name,age,weight,gender){super(name,age,weight,gender)}bar(){super.foo()console.log(this.name);}
}
let stu:Student =new Student('terry',12,40,'male')
console.log(stu.name);
stu.bar()

readonly属性：

class Octopus {readonly name: string;readonly numberOfLegs: number = 8;constructor (theName: string) {this.name = theName;}
}
let dad = new Octopus("Man with the 8 strong legs");
dad.name = "Man with the 3-piece suit"; // 错误! name 是只读的.