es5与es6类中静态方法,继承讲解

本人学习过程中编写,定有不足之处,如果有错误,请您积极指正;如果有帮助,请不要吝啬您的赞美(点赞),欢迎各位大佬点赞评论。

es5中类的继承与静态方法的定义

es5中类的继承有多众,我们只讲述其中一种:
①:继承父类属性;
②:继承父类原型链方法;

//父类
function  Animal (type,name) {
  this.type = type;
  this.name = name;
}

Animal.prototype.eat = function(){    //是将方法挂在原型链上
  Animal.walk();
  console.log('I am eating');
}

Animal.walk = function(){        //定义静态方法
  console.log('I am walking');
}
//子类
function Dog(type,name){
  //初始化父类的构造函数,call函数是将父类的this指针指向dog类
  Animal.call(this,type,name);  //当前只是实现了一部分父类继承            //①
  this.run = function(){     //定义属于自己的方法
    console.log('I am running');
  }
}

Dog.prototype = Animal.prototype; //将Dog的原型链挂在Animal的原型链上,这里才继承了所有的属性和方法;                //②

let dog = new Dog('zangao','duoji');
dog.eat();
es6类的继承与静态方法的定义
class Animal{
  constructor (type) {
    this.type = type;
  }
  eat (){
    Animal.walk();
    console.log('I am eating');
  }
  static walk(){   //类中静态方法的定义
    console.log('I am walking');
  }
}
class Dog extends Animal{  //extends关键字继承父类
  constructor (type,name) {
    super(type);            //如果需自定义子类中的其他属性,必须添加super()方法,且super()必须放在自定义属性之前
    this.name=name;
  }
}
let dog = new Dog('藏獒','多吉');
dog.eat();
console.log(dog);
快速判断一个方法是静态方法还是实例对象方法

你的方法是否依赖于该实例对象的某些属性或方法,如果是,则是实例对象方法(如上面的eat(),它依赖于walk()),反之,静态方法(walk())。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值