JavaScript的面向对象，你真的懂了吗？是否一定需要使用”类“来编程？

前言

提到JavaScript，就不得不提那强大的原型链（prototype）。但是近些年的JSers，我想真正在使用原型进行编程的应该很少。为什么？因为JavaScript处处是对象，面向对象设计似乎能与它天然结合。各大流行库例如React，都包含着面向对象设计的思想。

自从ES6 ‘class’ 语法糖的出现，以及Typescript的一些增强语法（例如public, private关键字），更是为我们蒙了一层面纱，今天就是要扒开这层面纱，和大家聊聊JavaScript的面向对象设计，以及另外一种可替代的编程模式-行为委托模式。

面向过程编程 vs 面向对象编程

面向过程编程

在C这类语言中，没有类和对象的概念，可以将完成某个功能的重复代码块定义为函数，将具有一类功能的函数声明在一个头文件中，不同类型的函数声明在不同的头文件中，以便对函数进行更好的管理和调用。

之所以叫做面向过程编程（Procedure Oriented Programming），是因为编程的过程就是一步步函数调用的过程，C语言有一个主函数，主函数调用其他函数，以此类推实现程序功能。

面向对象编程

因为Java、C++等语言都支持类和对象，所以使用这些语言编程也叫做面向对象编程（Object Oriented Programming），这些语言也被叫做面向对象的变成语言。我们可以使用类创建和维护对象，组织这一数据结构。

在Java中，可以将完成某个功能的代码块定义为方法，将具有相似功能的方法定义在一个类中，也就是定义在一个源文件中(因为一个源文件只能包含一个公共的类)，多 个源文件可以位于一个文件夹，这个文件夹有特定的称呼，叫做包。

面向对象编程在软件执行效率上绝对没有任何优势，它的主要目的是方便程序员组织和管理代码，快速梳理编程思路，带来编程思想上的革新。

面向对象编程强调“封装（Encapsulation）”，“继承（Inheritance）“和“多态（Polymorphism）”，这三者被称为面向对象的三大特性。

数据和与数据相关的操作被包装成对象（严格的说是“类”），每一种对象是相对完整和独立的。对象可以有派生的类型（继承），派生的类型可以覆盖（或重载）原本已有的操作（多态），从而达成更好的内聚性，即一种对象做好一件（或者一类相关的）事情，对象内部的细节外面世界不关心也看不到（封装）。以及降低耦合性，即不同种类的对象之间相互的依赖尽可能降低。而所有的这些，都有助于达成一个崇高的目标，就是可复用性。

类是结构体的升级

可以将类看做是结构体的升级，因为C语言晚辈们看到了结构体的不足，尝试加以改善，继承了结构体的思想，并进行了升级，让程序员在开发或扩展大中型项目时更容易。

接下来我们来看看结构体和类。

结构体是一种构造数据类型，可以包含不同成员（变量），每个成员的数据类型可以不一样；可以通过结构体来定义结构体变量，每个变量拥有相同的性质。例如如下C语言代码：

#include <stdio.h> 

int main(){
   
    // 定义结构体 Student 
    struct Student {
   
        // 结构体包含的变量 
        char *name;
        int age;
        float score;
    };
    // 通过结构体来定义变量
    struct Student stu1;
    // 操作结构体的成员
    stu1.name = "小明";
    stu1.age = 15;
    stu1.score = 92.5;
    // 运行结果：小明的年龄是 15，成绩是 92.500000
    printf("%s的年龄是 %d，成绩是 %f\n", stu1.name, stu1.age, stu1.score); 
    return 0;
}

Java中的类也是一种构造数据类型，但是进行了一些扩展，类的成员不但可以是变量，还可以是函数，例如Student定义：

// 通过class关键字类定义类
pubic class Student {
    
    // 类包含的变量
    String name; 
    int age; 
    float score; 
    // 类包含的函数 
    void say() {
   
        System.out.println(name + "的年龄是 " + age + "，成绩是 " + score);
    }
}

通过类定义出来的变量也有特定的称呼，叫做“对象”。如StudentTest类定义：

public class StudentTest {
   
    public static void main(String[] args) {
   
        Student stu1 = new Student(); // 必须使用new关键字 
        stu1.name =