随笔-ES6 class 多态性真的有必要实现吗

- 日理万妓 2023-10-01 09:19 9阅读 0赞

面向对象三大特征：封装、继承、多态

多态只发生在父子类间，且子类必须要重写继承自父类的方法，但这只是多态发生的前提条件

class Sup{
        test(){
            console.log('Sup test')
        }
    }
    
    class Sub extends Sup {
        test(){
            console.log('Sub test')
        }
    }
    
    new Sub().test() // Sub test
    
    new Sup().test() // Sup test

根据代码执行结果，发现可以子类确实完成了对继承自父类方法的重写

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LyP5Z-O5LmL5aSW_size_13_color_FFFFFF_t_70_g_se_x_16][]

打印Sub实例可以发现，JS实现方法重写的原理，其实就是原型链查找规则，因为test属于实例共享方法，所以定义在了类的原型上，而类之间的继承，又是原型链的延申

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LyP5Z-O5LmL5aSW_size_20_color_FFFFFF_t_70_g_se_x_16][] 如上图，根据原型链查找规则，肯定先找到了自身原型对象上的test方法

但是多态的概念是什么呢？

其实根据成熟面向对象语言，如Java，的多态概念，我们可以知道多态的发生不仅仅需要子类重写父类方法，还需要将子类实例当成一个特殊的父类实例来使用，即

Father son = new Son()

Java对于继承的理解是：子类还是特殊的父类，子类只是对父类进行拓展，但是基本盘还是父类，所以子类实例也是父类的实例。

而正是由于这一原因，产生了多态现象，即：

Father son1 = new Son()

Son son2 = new Son()

在语法上都合法，但是又不同，Java执行代码时，分为编译期和运行期，编译期完成变量的定义，运行期完成赋值，即

Father son1 和 Son son2 两个变量在编译期行为表现不同，son1在编译期体现为Father实例行为，son2在编译期体现为Son实例行为，而在运行期，son1,son2行为一致

我们可以发现Java对于多态性的理解更多的和变量在不同时期的类型有关，即编译期类型和运行期类型。

而对于JS而言，变量没有编译期类型和运行期类型一说，或者说变量的类型根本就是弱类型，而不是Java的强类型。

所以我们很难将JS的多态性往Java方面靠，如果非要按照Java的多态性来实现JS的多态性，则显得不伦不类，也没有必要。

那么Java为什么需要多态性呢？JS是否也需要呢？

Java的面向对象多态性是Java开发的基础，没有多态性，Java语言就失去了灵魂。Java中经常将接口的实现类实例作为方法参数，而方法参数为了能够接收到接口的实现类实例，就必须将参数类型定义为接口类型，这就用到了多态。

即一个父类类型的参数，可以接收其所有的子类类型实例，而为了了解子类实例的能力，这个父类类型通常是一个接口类型，而实现接口的类的实例就必须要实现接口的方法，所以我们就知道入参的实例有哪些方法了。

其实说到底，还是为了将函数当成参数传递，只是函数在Java中不是一个独立的个体，必须依赖于类，所以必须要将类设计的更加专注于函数的传递与使用，所以有了接口，而接口类型又较多使用多态。

那么JS真的需要多态吗？

其实JS不需要多态，因为JS中函数也是一个对象，JS函数可以独立使用，可以当成参数传递，它要比Java更加灵活。

所以一个初始设计的小差别，造成了JS和Java经过长期发展后，产生的巨大差异性。

其实哪个更加合理呢？函数到底应不应该作为对象呢？谁也说不好。面向对象，一切皆对象，函数为啥不能是对象，但是函数又多体现为一种行为，是对象的组成部分，它作为了对象，那么又该如何设计它的内部组成呢?

JS做到了，Java没有去做。

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LyP5Z-O5LmL5aSW_size_13_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/635e8cfa71e540b79296a82ff0889b78.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LyP5Z-O5LmL5aSW,size_13,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LyP5Z-O5LmL5aSW_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ee317a56965446adb5d6d1bf337ccb36.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LyP5Z-O5LmL5aSW,size_20,color_FFFFFF,t_70,g_se,x_16