Prototype 상속과 Super 로의 접근

황제낙엽 2012.09.18 19:30 조회 수 : 389

sitelink1  
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

<Code>


var Parent = function()

{

    this.id = "parent_member_id";

};

Parent.prototype.id = "parent_global_id";

Parent.prototype.getString = function()

{

    console.debug("Parent getString...");

};


var Child = function() {};



var F = function(){};

F.prototype = Parent.prototype;

Child.prototype = new F();

Child.prototype.getString = function()

{

    Parent.prototype.getString.call(this);

    console.debug("Child getString...");

};


var cObj = new Child();


1. console.debug(cObj.id);

    output >> parent_global_id

    

    Parent 클래스내에서 this 로 선언한 id 변수는 Parent 에서만 사용할 수 있는 member 변수이다

    해당 변수에 접근하기 위해서는 Parent 를 instance화 (new Parent) 하여 접근하면 된다


2. console.debug(cObj.getString());

    output >> Parent getString...

                    Child getString...


    Child 의 instance 인 cObj 의 getString 이 실행하면 내부에서는 Parent의 getString 을 수행하게 된다

    물론 Parent 의 getString 은 prototype 영역에 정의해야만 한다

번호 제목 글쓴이 날짜 조회 수
166 XMLHttpRequest.setRequestHeader 황제낙엽 2013.09.30 423
165 HTTP Content-Type 정리 황제낙엽 2013.09.30 446
164 getBoundingClientRect in FF3 file 황제낙엽 2013.01.11 421
163 연속해서 스트림 받기 (flush data from servlet to jsp with ajax) 황제낙엽 2013.01.04 2837
162 Stack (스택) 예제 프로그램 황제낙엽 2012.12.27 403
» 상속과 Super 로의 접근 황제낙엽 2012.09.18 389
160 inherits() 를 이용한 상속 황제낙엽 2012.07.18 424
159 Javascript delete 황제낙엽 2012.06.11 437
158 delete 연산자에 대한 고찰 황제낙엽 2012.06.11 450
157 자바스크립트의 쉬프트 연산자 (Shift Operator) 와 음수 (Negative) 이야기 황제낙엽 2012.05.31 1065
156 연산자 (===, ==, >=, <=) 황제낙엽 2012.05.30 409
155 XMLHttpRequest 의 이벤트 onreadystatechange 황제낙엽 2012.05.30 684
154 JavaScript 재입문 황제낙엽 2012.05.29 381
153 진행 상황 추적하기(XMLHttpRequest.readyState) file 황제낙엽 2012.05.23 656
152 JavaScript Touch and Gesture Events iPhone and Android 황제낙엽 2012.04.12 775
151 Javascript ArrayBuffer ? Binary handling in javascript 황제낙엽 2012.03.19 754
150 오류:호출자(서버 응용 프로그램이 아닌 서버)가 사용될 수 없어서 사라졌습니다. file 황제낙엽 2012.03.14 2203
149 Alert 에서의 개행처리 황제낙엽 2012.03.09 414
148 env.js 사용시 부족한 부분 file 황제낙엽 2012.02.15 344
147 Rhino 와 env.js 를 사용해서 자바 서버에서 javascript 를 구동해보자 file 황제낙엽 2012.02.15 406