上海公司建设网站expression wordpress主题

借用原型对象继承父类型方法

目的: 儿子继承父类属性和方法，父类之后新增的方法不会被儿子继承。

前言：

先理解一个问题：

Son.prototype = Father.prototype; 这一操作相当于把Son的原型对象指向Father。

意味着Son的prototype的地址与Father一致，如果我给Son新增函数，那么Father也会同步新增。

具体代码：

function Father(uname, age) {this.uname = uname;this.age = age;
}
Father.prototype.money = function() {console.log(100000);};
function Son(uname, age, score) {Father.call(this, uname, age);this.score = score;
}
Son.prototype = Father.prototype;let son = new Son('刘德华', 18, 100);
console.log(Son.prototype);
console.log(Father.prototype);

结果：

分析：

我们的初衷是，儿子继承父类属性和方法，父类之后新增的方法不会被儿子继承。

很明显儿子和父亲的成员函数和属性都一致，这是由于儿子和父类地址一致导致的。

---

解决方案：

Son.prototype = new Father();

首先用new创建一个父类的实例对象，然后让Son的原型对象指向这个新创建的对象即可。

从下往上理解：

Son原型对象：指向Father实例对象，继承Father实例对象的属性和方法

Father实例对象：含有__proto__属性，可以使用Father原型对象的新增的方法

Father原型对象：可以新增函数

此时，如果Son新增函数，由于Son和Father实例对象地址一致，只会影响到Father实例对象，而不会影响到Father原型对象上。

---

总结：

将子类所共享的方法提取出来，让子类的 prototype 原型对象 = new 父类()

通过父类实例化对象，开辟额外空间，就不会影响原来父类的原型对象。

有一说一，采用了深拷贝的思想。

• Code:

  // 借用父构造函数继承属性
  // 1. 父构造函数
  function Father(uname, age) {// this 指向父构造函数的对象实例this.uname = uname;this.age = age;
  }
  Father.prototype.money = function() {console.log(100000);};
  // 2 .子构造函数 
  function Son(uname, age, score) {// this 指向子构造函数的对象实例Father.call(this, uname, age);this.score = score;
  }
  // Son.prototype = Father.prototype;  这样直接赋值会有问题,如果修改了子原型对象,父原型对象也会跟着一起变化
  Son.prototype = new Father();
  // 如果利用对象的形式修改了原型对象,别忘了利用constructor 指回原来的构造函数
  Son.prototype.constructor = Son;
  // 这个是子构造函数专门的方法
  Son.prototype.exam = function() {console.log('孩子要考试');}
  var son = new Son('刘德华', 18, 100);
  console.log(son);
  console.log(Father.prototype);
  console.log(Son.prototype.constructor);
  

参考：

可以看这两集

https://www.bilibili.com/video/BV1DY41177dM?p=37&spm_id_from=pageDriver&vd_source=30a98e03cd5a7bbfaeb4416fc48542e2