为了账号安全,请及时绑定邮箱和手机立即绑定

一个js继承问题,想不明白啊

一个js继承问题,想不明白啊

开满天机 2019-04-16 16:46:19
两段小代码第一段:functionOuter(){this.a=1;}functionInner(){}varouter=newOuter();Inner.prototype=outer;varinner=newInner();inner.a+=1;console.log(inner.a,outer.a);第二段:functionOuter(){this.data={a:1};}functionInner(){}varouter=newOuter();Inner.prototype=outer;varinner=newInner();inner.data.a+=1;console.log(inner.data.a,outer.data.a);请问下为什么两段代码运行结果不一样呢?在第二段代码中,在inner中修改变量为何会影响到outer?
查看完整描述

2 回答

?
湖上湖

TA贡献2003条经验 获得超2个赞

javascript中的继承,归根结底就是对象的赋值引用;
第一段中a只是Number类型,赋值是按按值传递的;
第二段中data是Object类型,赋值是按共享传递的;
按共享传递的可以理解为按安全指针传递,安全指针不能去解除引用和改变对象,但可以去修改该对象的属性值。
运行下面的代码:
functionOuter(){
this.data={
a:1
};
this.data2={
a:1
};
}
functionInner(){
}
varouter=newOuter();
Inner.prototype=outer;
varinner=newInner();
inner.data.a+=1;//这种情况inner.data===outer.data为true
inner.data2={a:2};//这种情况inner.data2===outer.data2为false
console.log(inner.data===outer.data,inner.data.a,outer.data.a);
console.log(inner.data2===outer.data2,inner.data2,outer.data2);
不知道你能不能理解,具体可以看下javascript的赋值策略
                            
查看完整回答
反对 回复 2019-04-16
  • 2 回答
  • 0 关注
  • 305 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信