优艾设计网

关于Js继承的一个小问题?

昨天遇到的一个问题:
对于两个普通的对象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.metho优艾设计网_设计圈dB()//输出2;
b.bar=3;a.methodB() //仍输出2

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


138****5404 优艾设计网_PS论坛 23小时前

这个应该是内存的事吧 楼主最后还是2的原因是methodB是函数 a,b两个函数公用一个内存,bar是基础类型 所以改变了b.bar=3 A函数里面的bar不会变二楼这个是把整个b浅复制给a.prototype两者直接就用一块地方 所以会跟着变大概是这样吧


360U3359631755 优艾设计网_PS百科 23小时前

这里加了 a.__proto__ = b;和开始的方法一样。


别敷衍了所有坐看云海把昨日还给 23小时前

优艾设计网_电脑技术

那么,即使按照楼主的方法,我稍微修改了一下,实现 函数 A 继承函数 B,看看可不可以实现:


赢磊 23小时前

优艾设计网_电脑技术

很遗憾,输出仍然是 2,因为 var b = new B();导致 b.bar = 3,并没有改变函数 B 的 bar 属性,所有如果要得到正确的答案,还是要回到最开始


澄沉糯米叉烧包 23小时前

先来解释一下函数的继承,函数的继承也是通过__proto__来实现,利用函数的 pr优艾设计网_电脑技术ototype 属性,比如要实现 A 函数继承 B 函数,只要


ty_126523093 优艾设计网_PS交流 23小时前


0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜