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

Question

两段小代码
第一段：
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？

Answer 1

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为trueinner.data2={a:2};//这种情况inner.data2===outer.data2为falseconsole.log(inner.data===outer.data,inner.data.a,outer.data.a);console.log(inner.data2===outer.data2,inner.data2,outer.data2);不知道你能不能理解，具体可以看下javascript的赋值策略