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

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(); //  可以看见我了

简化一下代码。

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

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


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


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();

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

【热门文章】
【热门文章】