首頁(yè) 猿問(wèn) 一個(gè)js繼承問(wèn)題，想不明白啊

一個(gè)js繼承問(wèn)題，想不明白啊

JavaScript

開(kāi)滿天機(jī) 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);請(qǐng)問(wèn)下為什么兩段代碼運(yùn)行結(jié)果不一樣呢？在第二段代碼中，在inner中修改變量為何會(huì)影響到outer？

查看完整描述

2 回答

湖上湖

TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊

javascript中的繼承，歸根結(jié)底就是對(duì)象的賦值引用；第一段中a只是Number類(lèi)型，賦值是按按值傳遞的；第二段中data是Object類(lèi)型，賦值是按共享傳遞的；按共享傳遞的可以理解為按安全指針傳遞，安全指針不能去解除引用和改變對(duì)象，但可以去修改該對(duì)象的屬性值。運(yùn)行下面的代碼：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的賦值策略