Object.create()与原型链的疑问。

Question

为什么使用Object.create创建后，B1会找不到？

实例1：

function A(){
    this.a=1;
};
A.prototype.A1=function(){
    console.log(this.a);
};
function B(){
    A.call(this);
};
B.prototype.B1=function(){
    console.log('为什么提示没有B1这个方法？');
}
B.prototype=Object.create(A.prototype);
res instanceof A; //true
res instanceof B; //true
var res=new B();
    res.A1() //  1
    res.B1(); // Object #<A> has no method 'B1'

实例2：

function A(){
    this.a=1;
};
A.prototype.A1=function(){
    console.log(this.a);
};
function B(){
    A.call(this);
};
B.prototype.B1=function(){
    console.log('可以看见我了');
}
for(var i in A.prototype){
    B.prototype[i]=A.prototype[i];
}
res instanceof A; //true
res instanceof B; //true
var res=new B();
    res.A1(); //  1
    res.B1(); //  可以看见我了

Answer 1

画一下内存图就知道啦。手机在线。
主要就是实例1是直接对B.prototype进行赋值，那么B.prototype就会指向A.prototype，意味着原来的指向的对象上的方法B1就无法调用了。
而实例2中是对每一个属性进行复制，所以没有改变原来B.prototype指向的对象，既B1方法依然可以调用。

Answer 2

function A(){
    this.a=1;
}
A.prototype.A1=function(){
    console.log(this.a);
};
function B(){
    A.call(this);
}
B.prototype = Object.create(A.prototype);
B.prototype.B1 = function(){
    console.log('为什么提示没有B1这个方法？');
};
var res=new B();
res.A1();
res.B1();

题主执行一下这段代码，发现什么问题了吗？

Answer 3

简化一下代码。

const B = {};
B.a = 1;
B = {};

你觉得这时候 a 还在吗？因为 B 被你重写了呀~