JavaScript 继承的几种实现方式-2

继承的父类（继承谁，提供继承的属性）

// 父类---------------------------
function Person(name){ //给构造函数添加参数
 this.name=name
 this.sayName =function(){
   alert(this.name)
 }
}
Person.prototype.age = 18; //给构造函数添加了原型属性

4. 原型式继承

• 重点：用一个函数包装一个对象，然后返回这个函数的调用，这个函数就变成了个可以随意增添属性的实例或对象。object.create()就是这个原理。
• 特点：类似于复制一个对象，用函数来包装。
• 缺点：
  1. 所有实例都会继承原型上的属性。
  2. 无法实现复用。（新实例属性都是后面添加的）

// 原型式继承---------------------------
// 先封装1个函数容器，用来输出对象和承载继承的原型
function content(obj){
  function F(){}
  F.prototype=obj; //继承传入的参数
  return new F() //返回函数对象
}
var sup = new Person();   //拿到父类的实例
var sup1 = content(sup)
console.log(sup1.age) //18 继承父类函数属性

5. 寄生式继承

• 重点：就是给原型式继承外面套了个壳子。
• 优点：没有创建自定义类型，因为只是套了个壳子返回对象（这个），这个函数顺理成章就成了创建的新对象。
• 缺点：没用到原型，无法复用。

// 寄生式继承----------------------
// 给原型式继承再套个壳子传递参数
function subObject(obj){
  var sub = content(obj)
  obj.name= 'pan';
  return sub
}
//声明后成了可增添属性的对象
var sup2 = subObject(sup)
console.log(typeof subObject) //function
console.log(typeof sup2) //object
console.log(sup2.name) //pan

6. 寄生组合式继承（常用）

• 寄生：在函数内返回对象然后调用
• 组合：1、函数的原型等于另一个实例。2、在函数中用apply或者call引入另一个构造函数，可传参　
• 重点：修复了组合继承的问题

// 寄生组合式继承---------------------
// 寄生
function content(obj){
  function F(){}
  F.prototype=obj; //继承传入的参数
  return new F() //返回函数对象
}
// content就是F实例的另一种表达
var con = content(Person.prototype)
// con实例(F实例)的原型链继承了父类函数的原型
// 上述更像原型链继承,只不过继承了原型属性

// 组合
function Sub(){
  Person.call(this) // 继承父类构造函数属性
} //解决组合式2次调用构造函数属性的缺点
// 重点
Sub.prototype = con; //继承con实例
con.constructor = Sub;  //一定要修复实例
var sub1 = new Sub();
// Sub实例继承了构造函数属性、父类实例、con的函数属性
console.log(sub1.age)

JavaScript 继承的几种实现方式-1

JavaScript 继承的几种实现方式-2