关于Js继承的一个小问题 财富值72

2016-10-18 17:35发布

昨天遇到的一个问题:
对于两个普通的对象a,b
var a = {

 foo:1,  methodA:function(){     console.log(this.foo);  }

}

var b = {

 bar:2,  methodB: function(){     console.log(this.bar); }

}
可以不考虑执行环境的兼容性,实现下面要求:
1 执行a.methodA()输出1;
2.执行a.methodB()输出2;
3.执行b.bar=3;a.methodB()输出3

上面的就是题目,首先想到的就是继承,a继承b,可以直接调用b的methodB方法。在题目的基础上,我会这么实现的:

function A(){

this.foo = foo; this.methodA = function(){     console.log(this.foo); } B.call(this)  //实现继承

}

function B(){

this.bar = bar; this.methodB = function(){    console.log(this.bar); }

}
var a = new A();
var b = new B();

执行下面的代码:
a.methodA() //输出1;
a.methodB() //输出2;
b.bar=3;a.methodB() //仍输出2

很显然不符合要求。
求大神告知产生的原因和解决的方法。 难道是我一开始就理解的不正确吗?

16条回答

执行第一句的时候确实会继承B类,但是执行第二句new B()的时候是重新申请了另外一个空间存入这个b变量的,和之前创建的a是没有任何关系的,因此如果你修改b.bar=3当然也就不会改变a.methondB()的输出结果。简单理解来说,就是a中有一个B类的实例,可以实现B类的功能但是并不代表和b是同一个实例。

一周热门 更多>