原型链及其继承

原型链及其继承_第1张图片

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

首先写一个父类

//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)

原型链及其继承_第2张图片

截图中可以看到实例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)

原型链及其继承_第3张图片

你可能感兴趣的:(前端)