<div id="readability-page-1" class="page"><div id="kakaoContent">

                <div>
                                            <p><a href="/m/category/JavaScript">JavaScript</a></p><h2>[JavaScript/Pseudoclassical/ES5] Subclass method에서 Superclass Method 호출하기(오버라이딩 메서드 호출)</h2>
                    <p><cite>
                        <span>JayLee</span>
                    </cite>
                </p></div>
                <p><time>2021. 1. 20. 18:53</time>
                    <span>
                        
                                                    <a href="#comment" onclick="Utils.smoothScroll(this);return false">
                                
                            </a>
                        
                                                    <span id="title_daumlike">
                                
                                <span id="mobile-reaction"></span>
                                
                            </span>
                                            </span>
                </p>

                                    
                
                <div>
                    <figure data-filename="gift-1239554_1280.png" data-origin-width="1280" data-origin-height="1280" width="353" height="NaN" data-ke-mobilestyle="widthContent"><span data-url="https://blog.kakaocdn.net/dn/SeVAg/btqT18rFslu/Rmofx6lphK4fFDc7Rehq4k/img.png" data-lightbox="lightbox" data-alt="Pixabay 로부터 입수된&amp;nbsp; naobim 님의 이미지 입니다."><img src="https://blog.kakaocdn.net/dn/SeVAg/btqT18rFslu/Rmofx6lphK4fFDc7Rehq4k/img.png" data-filename="gift-1239554_1280.png" data-origin-width="1280" data-origin-height="1280" width="353" height="NaN" data-ke-mobilestyle="widthContent"></span><figcaption>Pixabay 로부터 입수된&nbsp; naobim 님의 이미지 입니다.</figcaption></figure>

<pre id="code_1611135857125" data-ke-language="javascript" data-ke-type="codeblock"><code>var SuperClass = function() {
	this.name = 'super';
};
SuperClass.prototype.print = function() {
	console.log('[SUPER] ' + this.name);
};


var SubClass = function() {
	this.name = 'sub';
};
SubClass.prototype = new SuperClass();

SubClass.prototype.print = function() {
	console.log('[SUB] ' + this.name);
	// I want to call super's print method!
};

var obj = new SubClass();
obj.print();</code></pre>
<p>&nbsp;SuperClass와 SubClass가 위와 같은 구조로 있다고 가정하겠습니다. SubClass가 정의될 때, print 메서드를 오버라이딩해서 odj.print()를 호출하면 SubClass의 print 메서드만 호출됩니다. 그런데, SubClass print 메서드 내에서 마지막에 SuperClass의 print 메서드를 실행하고 싶다면 어떻게 해야할까요?</p>

<p>아래와 같이 호출하면 SuperClass의 오버라이딩된 메서드를 호출할 수 있습니다.</p>
<pre id="code_1611136058800" data-ke-language="javascript" data-ke-type="codeblock"><code>Object.getPrototypeOf(SubClass.prototype).print.call(this);</code></pre>

<p>소스를 정리하면 아래와 같습니다.</p>
<pre id="code_1611136110055" data-ke-language="javascript" data-ke-type="codeblock"><code>var SuperClass = function() {
	this.name = 'super';
};
SuperClass.prototype.print = function() {
	console.log('[SUPER] ' + this.name);
};


var SubClass = function() {
	this.name = 'sub';
};
SubClass.prototype = new SuperClass();

SubClass.prototype.print = function() {
	console.log('[SUB] ' + this.name);
	Object.getPrototypeOf(SubClass.prototype).print.call(this);
};

var obj = new SubClass();
obj.print();</code></pre>


<p>참고:&nbsp;</p>
<p><a href="https://stackoverflow.com/questions/23077569/proper-way-to-call-superclass-functions-from-subclass" target="_blank" rel="noopener">stackoverflow.com/questions/23077569/proper-way-to-call-superclass-functions-from-subclass</a></p>
<figure id="og_1611135460600" contenteditable="false" data-ke-type="opengraph" data-og-type="website" data-og-title="Proper way to call superclass functions from subclass" data-og-description="I have a &quot;SuperClass&quot; with &quot;info&quot; as an instance variable. &quot;SuperClass&quot; has function &quot;printInfo()&quot;. &quot;printInfo()&quot; needs to access instance variable &quot;info&quot;. I want to create a &quot;SubClass&quot; which also..." data-og-host="stackoverflow.com" data-og-source-url="https://stackoverflow.com/questions/23077569/proper-way-to-call-superclass-functions-from-subclass" data-og-url="https://stackoverflow.com/questions/23077569/proper-way-to-call-superclass-functions-from-subclass" data-og-image="https://scrap.kakaocdn.net/dn/bHdDQp/hyIZ1IbdDw/pFkJP3l4twhUZRP6KRZm01/img.png?width=316&amp;height=316&amp;face=0_0_316_316"><a href="https://stackoverflow.com/questions/23077569/proper-way-to-call-superclass-functions-from-subclass" target="_blank" rel="noopener" data-source-url="https://stackoverflow.com/questions/23077569/proper-way-to-call-superclass-functions-from-subclass">

<div>
<p>Proper way to call superclass functions from subclass</p>
<p>I have a "SuperClass" with "info" as an instance variable. "SuperClass" has function "printInfo()". "printInfo()" needs to access instance variable "info". I want to create a "SubClass" which also...</p>
<p>stackoverflow.com</p>
</div>
</a><img src="https://scrap.kakaocdn.net/dn/bHdDQp/hyIZ1IbdDw/pFkJP3l4twhUZRP6KRZm01/img.png?width=316&amp;height=316&amp;face=0_0_316_316"></figure>

                                                            
                                
											
					
                    
                    
                </div>

                                    
                
                
                                    
                
                


                

                                    
                
                
            </div></div>

Hello Jay's Programming World!

[JavaScript/Pseudoclassical/ES5] Subclass method에서 Superclass Method 호출하기(오버라이딩 메서드 호출)

댓글