欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

理解Js中的继承 看这篇博客时务必画出子对象实例 子对象原型 子对象构造函数 父对象实例 父对象原型 父对象构造函数之间的关系

程序员文章站 2022-05-07 21:53:45
...
function Father() {
  this.bbb = '222';
}

Father.prototype.aaa = '111';

function Son() {
  this.ccc = '333';
}

var father1 = new Father();
var father2 = new Father();

Son.prototype = father1;
Son.prototype.ddd = '444';

var son = new Son();
console.log(son.aaa);
console.log(son.bbb);
console.log(son.ccc);
console.log(son.ddd);
console.log(father1.ddd);
console.log(father2.ddd);
/*
画图理解这个例子
这个例子包含了大量的信息。
1)子对象的原型是父对象的某个实例,父对象的某个实例,父对象的某个实例。
子对象可以访问父对象的实例属性和原型属性。
2)子对象的原型指针指向父对象的某个实例以后,再为子对象的原型修改属性
或者添加属性,只有被子对象作为原型的父对象的某个实例才能感知这种变化
不被子对象作为原型的其它父对象属性感知不到这种变化。
*/

理解Js中的继承 看这篇博客时务必画出子对象实例 子对象原型 子对象构造函数 父对象实例 父对象原型 父对象构造函数之间的关系