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