原型链及其继承前端

文章图片

继承的目的就是为了让一个引用类型可以使用另一个引用类型的属性和方法
首先写一个父类

//constructor 构造函数 function Animal(name) { this.name = name } //添加原型方法 Animal.prototype.eat = function(food) { console.log(this.name + "正在吃" + this.food) } var cat = new Animal('cat') console.log(cat)

文章图片

截图中可以看到实例cat自带的构造方法属性和原型方法
1.原型链继承

//constructor 构造函数 function Animal(name) { this.name = name } //添加原型方法 Animal.prototype.eat = function(food) { console.log(this.name + "正在吃" + this.food) }//子类的构造函数 function Cat() {} Cat.prototype = new Animal(); //重点代码 Cat.prototype.name = 'cat'; var cat = new Cat() console.log(cat)

【原型链及其继承】