ES6——简单的多态

简单的多态
多态：
1.同一个接口，在不同情况下做不一样的事情；相同的接口，不同的表现；
2.接口本身只是一组定义，实现都是子类里面；需要子类去实现的方法（子类只需重写与父类同名的方法，即可达到覆盖的效果），若子类有跟父类同名的方法，则会直接走子类的方法，不会走父类的；
3.非静态方法中，仍然子类可通过super..方法名（ ）（举例：super.say（ ） ），来调用父类的方法（supe指向的事父类的原型）

重载:根据函数的参数类型，参数个数
作用：为一个函数提供了更丰富的行为

js的重载和其他语言的重载是完全不一样的概念。因为js是一门弱类型语言， JS中函数可以传入任意类型、任意个数的参数，通通可以通过在函数内使用this.arguments获得。这样，就无法实现同名函数参数列表不同实现不同功能。 而且js不是一个面向对象的语言， 即使在ES6中引入了Class类的概念， 但这只是一种语法糖， js并没有实现真正的面向对象。 这里的重载其实可以简单的理解就是为函数提供更丰富的行为

 

 

 

1. 父类的原型对象，是指父类的属性prototype，二者不是一个东西，原型对象prototype上可以保存父类的一些方法(es6中，父类的属性不放在原型对象上)。

2. 父类的原型对象的方法，是在constructor外面定义的，


2.“父类自身的方法”，则是直接在类身上定义的方法，
如果是指“父类原型上的方法”，则是在constructor外面定义的（第一张图）；如果是指“父类构造函数上的方法”，则是指在constructor里面定义的，
es6的构造函数constructor相当于es5的构造函数本身，它俩的作用都是给实例添加属性，与es5的构造函数的原型对象prototype上的constructor不是一个东西。

super方法，用来继承父类，所以super里的参数，是实例的属性，在class外面，可以被实例直接访问

//多态就是同一个接口,在不同情况下做不一样的事情。即相同的接口,不同的表现
//接口本身只是一组定义,实现都是在类里面.可以直接理解成需要子类去实现的方法,子类只要重写一个和父类同名的方法,就可以达到一个覆盖的效果


//多态的优点，1、提高类的扩充性与灵活性
//2,暴露接口

  //重写
            class Human{
                say(){
                    console.log('我是人')
                }
            }
            //子类如果拥有父类的同名方法,则会直接调用子类的方法,不会去走父 类的
            class Man extends Human{
                
                say(){
                    super.say()  //输出 我是人
                    console.log('我是小哥哥')
                }
            }
            class Woman extends Human{
                //有的时候子类自己实现的内容,还是依赖父类中的一些操作,可以通过super.xxx的方式去进行访问
                say(){
                    super.say();  //访问父类的同名方法,这里super是作为对象的形式去访问,在非静态方法中访问到的是父类的原型
                    
                    console.log('我是小姐姐')
                }
            }
            
            new Man().say();
            
            new Woman().say();

 

、

重载 是根据函数的参数类型以及参数个数去做不一样的事情,

class SimpleCalc{
                addCalc(...args){
                    if(args.length === 0){
                        return this.zero();
                    }
                    if(args.length === 1){
                        return this.onlyOneArgument(args);
                    }
                    return this.add(args);
                }
                
                zero(){
                    return 0;
                }
                onlyOneArgument(){
                    return args[0];
                }
                add(args){
                    return args.reduce((a,b) => a+b , 0)  //返回a+b,从0开始作为基数传递
                }
            }
            

重载的其他场景:比如一个Ajax的封装,写函数的时候非常常见

function post(url,header,params){
                if(!params){
                    params = header;
                    header = null;  //或者等于undefined也可以
                }
            }
            post('https://imooc.com',{
                a:1,
                b:2
            });
            

//一个非常实用的场景,利用重写的特性,达到预留接口的效果
//比如有方法必须要用子类去实现,如果没有就报错

class Monster{
                constructor(name,level,model){
                    this.model = model;
                    this.name = name;
                    this.level = level;
                }
                attack(){
                    
                    throw Error('必须由子类来实现`attack`（攻击）方法')
                }
            }
            
            //模型的映射表
            const ModelMap = {
                '红眼僵尸':1,
                '南瓜精':2,
                '独眼蝠':3,
                '绿眼僵尸':4
            }
            
            
            class RedEyeZombie extends Monster{
                //这边的构造函数不用接收参数,因为它的参数开发者是非常明确地，是不需要外部传入的
                constructor(){
                    //通过ModelMap['红眼僵尸']可以访问到模型对应的ID
                    super('红眼僵尸',10,ModelMap['红眼僵尸']);
                }
            }
            class GreenEyeZombie extends Monster{
                constructor(){
                    super('绿眼僵尸',10,ModelMap['绿眼僵尸'])                                                                        
                }
                attack(){
                    console.log('绿眼僵尸发动了攻击')
                }
            }
            
            const gez = new GreenEyeZombie();
            //覆盖了父类的attack方法
            gez.attack();
            
            const rez = new RedEyeZombie();
            //子类没有attack,所以去调用父类的,报错
            rez.attack();