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

问题描述

问 题

为什么使用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(); //  可以看见我了

解决方案

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

这篇关于javascript - Object.create()与原型链的疑问。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！