【TS】快速上手（六）面向对象OOP - 封装 - 继承 - 多态

面向对象

面向对象是一种优秀的程序设计方法，它的基本思想是使用类、对象、继承、封装、消息等基本概念进行程序设计。

传统的面向对象编程（OOP Object-Oriented Programming）语言（例如Java）基本都是基于类的，而JavaScript是通过原型与构造函数来模拟实现类。好在 ES6 出现一些新语法糖，使得 JavaScript 拥有了 class 关键字。虽然本质依然是构造函数，但是这使得开发者可以更加方便的定义类和使用继承。但是 ES6 的 class 语法依然有一些比如修饰符和抽象类的特性还没有加入。

在了解面向对象之前，我们首先要了解什么是对象，有这么一种说法：你所接触的一切都是对象，其实准确点来说，对象 就是一个自包含的实体，用一组可识别的特性（属性）和行为（方法）来标识。程序中的对象就是对现实世界中具体实体的抽象。而 类 就是具有相同属性和功能的对象的抽象的集合。

所以，我们一般是先创建 类，然后通过实例化 类 来得到 对象。

【Tips】在JavaScript中类与函数的两点区别：

1. 函数受函数作用域限制，而类受块作用域限制
2. 函数声明可以提升，而类定义不能

类

比如我们面向 猫 这个对象，我们需要将对象的公共部分抽取出来，形成一个类。

类可以包含构造函数方法、实例方法、获取函数、设置函数和静态类方法

创建一个猫的类，提供一些属性（特性）和方法（行为）

class Cat{
   
  // 属性的类型声明，在TS中必须有初始值，或者在构造函数中初始化
  name: string
  age: number
  
  // 构造函数方法
  constructor(name: string) {
   
    // 初始化属性
    this.name = name
    this.age = 3
  }
  
  // 方法
  sayHi(): void{
   
    console.log(`喵，我是 ${
     this.name}`)
  }
}

实例化出一个对象

let Tom = new Cat("Tom") // 创建Cat类的实例
console.log(Tom) // Cat: { "name": "Tom", "age": 3 } （实例上只有属性）
Tom.say() // "喵，我是Tom" （方法在原型上，所以调用可以通过原型链访问到）

面向对象三大基本特征

面向对象方法具有三个基本特征：封装（Encapsulation）、继承（Inheritance）和 多态（Polymorphism）

继承

继承，在继承机制下形成有层级的类，使得低层级的类可以延用高层级类的特征和方法。继承的实现方式有两种：实现继承、接口继承。

• 实现继承：直接使用基类公开的属性和方法，无需额外编码。
• 接口继承：仅使用接口公开的属性和方法名称，需要子类实现。

也就是说，继承有以下目的：

• 复用代码，减少类的冗余代码，减少开发工作量。
• 使得类与类之间产生关系，为多态的实现打下基础。

首先创建一个猫类的父类 Animal

class Animal{
   
  name: string
  age: number
  construcor(name: string){
   
    this.name = name
    this.age = 3
  }
  say(){
   
    console.log('...')
  }
}

• 使用 extends 关键字来继承 Animal 类
• 在子类中可以使用 super 来完成对父类的引用

class Cat extends Animal {
   
  color: string
  construcor(name: string, color: string){
   
    super(name)
    this.color = color
  } 
}

• 通过继承可以将其他类中的属性和方法引入到当前类中 （在不修改类的情况下完成对类的扩展）

class Animal{
   
    name: string;
    age: number;
    constructor(name: string, age: number){
   
        this.name = name;
        this.age = age;
    }
}

// 继承自动物类
class Dog extends Animal{
   
    // 增加新方法
    bark(){
   
        console