(function(){ function Extend(func,proto){ func.prototype.__proto__=proto.prototype; Object.defineProperty(func.prototype,"proto",{ value: proto.prototype }); } function Super(func,method){ if(!method) method='constructor'; return func.prototype.__proto__[method]; } window.Extend=Extend; window.Super=Super; })();
super의 super를 처리하는 동안 무한 루프가 발생했습니다.
this.super-->this.proto.constructor(){this.super}-->this.proto. . . .
나중에는 너무 복잡하게 만들고 싶지 않아서 위의 코드에서 메소드를 직접 사용했습니다(그냥 몰랐을 뿐이죠...)
(function(){ function AAA(name){ this.name=name; } function BBB(name){ Super(BBB).call(this,name); } Extend(BBB,AAA); function CCC(name,age){ Super(CCC).call(this,name); this.age=age; } Extend(CCC,BBB); var c=new CCC('ccc',18); console.log(c); })();
그러다가 함수를 오염시키고 싶지 않았기 때문에 창만 오염시킬 수 있었습니다. . .
함수 안에 넣는 것이 더 쉬울까요?
(function(){ Function.prototype.Extend=function(proto){ this.prototype.__proto__=proto.prototype; } Function.prototype.Super=function(method){ if(!method) method='constructor'; return this.prototype.__proto__[method]; } })(); (function(){ function AAA(name){ this.name=name; } function BBB(name){ BBB.Super().call(this,name); } BBB.Extend(AAA); function CCC(name,age){ CCC.Super().call(this,name); this.age=age; } CCC.Extend(BBB); var c=new CCC('ccc',18); console.log(c); })();