简单的多态
多态:
1.同一个接口,在不同情况下做不一样的事情;相同的接口,不同的表现;
2.接口本身只是一组定义,实现都是子类里面;需要子类去实现的方法(子类只需重写与父类同名的方法,即可达到覆盖的效果),若子类有跟父类同名的方法,则会直接走子类的方法,不会走父类的;
3.非静态方法中,仍然子类可通过super..方法名( )(举例:super.say( ) ),来调用父类的方法(supe指向的事父类的原型)
重载:根据函数的参数类型,参数个数
作用:为一个函数提供了更丰富的行为
js的重载和其他语言的重载是完全不一样的概念。因为js是一门弱类型语言, JS中函数可以传入任意类型、任意个数的参数,通通可以通过在函数内使用this.arguments获得。这样,就无法实现同名函数参数列表不同实现不同功能。 而且js不是一个面向对象的语言, 即使在ES6中引入了Class类的概念, 但这只是一种语法糖, js并没有实现真正的面向对象。 这里的重载其实可以简单的理解就是为函数提供更丰富的行为
1. 父类的原型对象,是指父类的属性prototype,二者不是一个东西,原型对象prototype上可以保存父类的一些方法(es6中,父类的属性不放在原型对象上)。
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();
手机扫一扫
移动阅读更方便
你可能感兴趣的文章