function Father(){}    
Father.prototype.name = 'father';
Father.prototype.children = [];
        
const child1 = new Father();
            
console.log('get1 ==',child1); // Father {}
console.log('get ==',child1.name); // father
console.log('get ==',child1.children); // []
    
child1.name = 'child1';
console.log('set ==',child1.name); // child1
    
child1.children.push('child2');
// child1.children = ['123'];
console.log('set ==',child1.children); // ["child2"]
    
console.log('get2 ==',child1) // Father {name: "child1"}

疑问：

（1）为什么访问 child1.name 的时候，值是原型上的 name 的值，而设置值之后，实例的原型上的name属性未被修改，反而自己生成了一个name属性？

（2） child1.children.push('child2')  与   child1.children = ['123'];  最终的结果为什么会不同？为什么 push 方法会导致原型上的 children 属性也会改变？

参考：

（1）《你不知道的js》第五章-原型——设置与遮蔽属性 

（2）“=”操作符为对象添加属性

简单来说就是：

（1）查询对象属性的时候，会从本体对象开始查找，如果有就返回本体上的属性，因为原型链上的被遮蔽了。如果没有就查原型链，直到原型链最高层null，找不到就返回 undefined。

（2）设置值的时候，如果该属性没有通过 Object.defineproperty 设置 setter 或者 writable 为 true，并且本体对象中没有该属性，并且是 ‘=’ 号赋值，那么会直接在本体对象中添加该属性。

（3）所以上面的 name 值，查询的时候是 原型上的 name值。而设置的时候，符合 （2）的条件，所以直接在 child1 中添加 name属性。如果 改成   child1.name++ ，结果也是本体对象中添加新属性。因为 这句代码等价于 child1.name = child1.name + 1; 。是隐形的等号赋值哦。

（4） child1.children.push('child2')  由于不是等号赋值，那么在 执行 child1.children 的时候，查询到 children 之后，没有 “=” 号赋值，而是 push ，所以操作的是 原型对象中的 children 属性（引用属性）。 而 child1.children = ['123']  也符合（2）的条件。所以是本体对象新增该属性。

（5）可以简单的理解为如果本体对象上没有该属性， ‘=’ 号赋值之后，分配了新的内存地址，因此只有在本体上新增属性，才能保存赋的值。如果有该属性，就是简单的值替换。

上面的问题明白了之后，再来了解一下 js 的几种继承方式。文字有点多，一定要耐心看。几种继承方式是有关系的

1. 原型链继承

function Father(){
    this.name = 'father';
    this.children = [];
    this.age = 30;
}
Father.prototype.say = function(){
    if(this.children.length){
        console.log('我的孩子：'+this.children.join());
    }else{
        console.log('我是单身狗')
    }
}
function CreateChild(name){
    this.name = name || '未出生';
    this.age = 0;
    // this.children = [];
}

CreateChild.prototype = new Father(); // 这句很关键，让子类和父类链接起来，子类继承了父类所有的属性和方法，包括父类原型上的

let child1 = new CreateChild('张三');
let child2 = new CreateChild('张四');

child1.children.push('张小一')
    
console.log(child1)
console.log(child2.children) 

function Father(name){
    this.name = name;
    this.children = ['张大大'];
    this.age = 30;
}
Father.prototype.say = function(){
    if(this.children.length){
        console.log('我的孩子：'+this.children.join());
    }else{
        console.log('我是单身狗')
    }
}
function CreateChild(name){
    // this.children = ['张老大']
    Father.call(this,name);
    // this.children = ['张老大']
}

let child1 = new CreateChild('张三');
let child2 = new CreateChild('张四');

child1.children.push('张大一')
child2.children.push('张小二')

console.log(child1)
console.log(child2)

function Father(name){
    this.name = name;
    this.children = [];
    this.age = 30;
}
Father.prototype.say = function(){
    if(this.children.length){
        console.log('我的孩子：'+this.children.join());
    }else{
        console.log('我是单身狗')
    }
}
Father.prototype.hobbies = ['woman'];
    
function CreateChild(name){
    Father.call(this,name)
}
    
CreateChild.prototype = new Father();
    
let child1 = new CreateChild('张三');
let child2 = new CreateChild('张四');
    
child1.children.push('张大一');
child1.hobbies.push('meet');

child2.children.push('张小二');
child2.hobbies.push('fruit')
        
console.log(child1)
console.log(child2)
console.log(child2.hobbies)

function extendChild(target){
    function Fn(){};
    Fn.prototype = target;
    return new Fn();
}

function Father(){
    this.name = 'father';
    this.children = [];
    this.age = 30;
}

const FatherInstance = new Father();

const child1 = extendChild(FatherInstance);
const child2 = extendChild(FatherInstance);

child1.children.push('张大一');
child1.name = 'child1';

child2.children = ['张小二'];
child2.name = 'child2';

console.log(child1)
console.log(child2)

function extendChild(target){
    function Fn(){};
    Fn.prototype = target;
    return new Fn();
}
    
function Father(){
    this.name = 'father';
    this.children = [];
    this.age = 30;
}    
const FatherInstance = new Father();    
    
function createChild(target){
    var target = extendChild(target)
    target.name = 'target';
    return target;
}
const child1 = createChild(FatherInstance);
const child2 = createChild(FatherInstance);
    
child1.children.push('张大一');
child1.name = 'child1';
    
child2.children = ['张小二'];
child2.name = 'child2';
    
console.log(child1)
console.log(child2)

function Father(name){
    this.name = name || 'father';
    this.children = [];
    this.age = 30;
}
Father.prototype.say = function(){
    console.log(this.name);
}
Father.prototype.hobbies = ['fruit']

function Child(name){
    Father.call(this,name)
    // this.name = name || '未出生';
    // this.age = 0;
}
    
function createChild(target){
    var Fn = function(){};
    Fn.prototype = target;
    return new Fn();
}
    
function extendFn(Child,Father){
    var instance = createChild(Father.prototype);
    Child.prototype = instance;
}
    
extendFn(Child,Father)
        
let child1 = new Child('张三');
let child2 = new Child('张四');
    
child1.children.push('张大一') 
child1.hobbies.push('123')
child1.name = 'child1'
    
child2.children.push('张小二')
child2.name = 'child2'
        
console.log(child1)
console.log(child2) 

class Father{
    constructor(name){
        this.name = name || 'father';
        this.children = [];
    }
    hobbies = ['fruit'];
    say(){
        console.log(this.name)
    }
} 
class Child extends Father{
    constructor(name) {
        super(name);
    }
}
let child1 = new Child('child1');
let child2 = new Child('child2');
    
child1.children.push('child1');
child1.hobbies.push('apple')

child2.hobbies = ['apple2']
    
console.log(child1)
console.log(child2)
console.log(child2.say())