js面向对象，属性继承、方法继承、混合继承

面向对象

---

面向对象语言的三大特征：封装、继承、多态

在js（es5）当中，我们可以讲构造函数理解为类（可以作为类来使用），在es6中出现了一个新的关键字class（类），不过也不是真正的类

底层依旧是通过分装构造函数来实现的，其实本质就是语法糖

构造函数和继承

研究继承，核心问题是让子类继承父类的基本属性

1、继承属性

function Dog(name,color,age){
  this.name = name;
  this.color = color;
  this.age = age
};

function Corky(name,color,age){
	Dog.call(this,name,color,age)
};
let d1 = new Dog('wangcai','black',3);
let c1 = new Corky('wangcai','black',3);
console.log(d1,c1);

2、继承方法

让子类的原型等于父类的一个实例

//让子类的原型等于父类的一个实例
function Dog(name,color,age){
  this.name = name;
  this.color = color;
  this.age = age
};
Dog.prototype.run = function(){
  console.log('run');
};
function Corky(name,color,age){
	Dog.call(this,name,color,age)
};
Corky.prototype = new Dog();
let d1 = new Dog('wangcai','black',3);
let c1 = new Corky('wangcai','black',3);
console.log(d1,c1);

没有构造器了，现在Corky的prototype的构造器，不存在了

让Corky原型上的构造器从新指向自己

function Dog(name,color,age){
  this.name = name;
  this.color = color;
  this.age = age
};
Dog.prototype.run = function(){
  console.log('run');
};
function Corky(name,color,age){
	Dog.call(this,name,color,age)
};
Corky.prototype = new Dog();
//添加构造器
Corky.prototype.constructor = Corky;
let d1 = new Dog('wangcai','black',3);
let c1 = new Corky('wangcai','black',3);
console.log(d1,c1);

3、混合继承

就是讲构造函数继承和原型继承一起使用

function Dog(name,color,age){
  this.name = name;
  this.color = color;
  this.age = age
};
Dog.prototype.run = function(){
  console.log('run');
};
function Corky(name,color,age){
	Dog.call(this,name,color,age)
};
Corky.prototype = new Dog();
//添加构造器
Corky.prototype.constructor = Corky;
let d1 = new Dog('wangcai','black',3);
let c1 = new Corky('wangcai','black',3);
console.log(d1,c1);