CodeW3C အွန်လိုင်း ကြည့်ရှုရန်
HTML စံအုပ် ကြည့်ရှုရန်
ဘာသာသား အခြေအနေ
အန်ဆာရာ အခြေအနေ
ပြင်ဆင် ကြည့်ရှုရန်
XML စံအုပ် ကြည့်ရှုရန်
ဝန်ဆောင် စာအုပ်
ဝေါဟာရ စာအုပ်
ပြည်ထောင်စုအခြေအနေ
JS ကိုးကားရာအချက်အလက်
JS ကိုးကားရာအချက်အလက်(အမျိုးအစားအောက်ပါ)
JS ကိုးကားရာအချက်အလက်(အစားအပြားအောက်ပါ)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS ကွန်ပျူတာ
JS JSON
JS Map
JS Math
JS အစီအစဉ်
JS Promise
JS RegExp
JS Set
JS စကား
JS အပေါင်းအချင်း
JS အကွက်အပြု
JS အကွက်အပြု အဆင့်
JS ဖော်ပြ
JS အကွက်အပြုအမူ
Window
Window အရာဝတ္တု
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML Document
HTML Element
HTML အချက်
HTML Event
HTML Event အပေါင်းအချင်း
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML စနစ်
Web API
API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API သိန်းသင်္ကြန်
API ပထမဆုံးမြင့်မှု
API ဝီကီ
HTML အပေါင်းအချင်း
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အမှုဖြစ်"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အမှုဖြစ်"><textarea></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အမှုဖြစ်"><time></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အမှုဖြစ်"><title></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အမှုဖြစ်"><track></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အမှုဖြစ်"><u></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အမှုဖြစ်"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အမှုဖြစ်"><video></a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS အက်ချက်ပြောင်းလဲ</a></li> </ul> </div> <div><h3><center> ရွေးချယ်သုံးစွဲ </center><h3> <h2>အဆိုပါ အော်ပရော်</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ပုံမှန်စက်">CodeW3C.com ပုံမှန်စက်</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>JavaScript Class super ကြောင်းကြား</h1> <div class="prenextnav-ref"> <ul> <li> ပြီးဆုံးသော စာစောင် <a href="/my/jsref/jsref_class_static.html" title="JavaScript Class static အကြောင်းအရာ">static</a></li> <li> နောက်လိုက်သော စာစောင် <a href="/my/jsref/jsref_constructor_class.html" title="JavaScript Class constructor စနစ်">constructor()</a></li> <li> အဆင်းတက် <a href="/my/jsref/jsref_classes.html" title="JavaScript Class ဝေါဟာရ စာအုပ်">JavaScript Class ဝေါဟာရ စာအုပ်</a></li> </ul> </div> <div> <h2>အသုံးပြုနည်းနှင့် အပြုအရေး</h2> <p><code>super</code> ကြောင်းကြားခြင်း</p> <p>ဖခ်လှမ်းသူ၏ ဘွတ်ခွဲကို ခေါ်ခြင်း နှင့် ဖခ်လှမ်းသူ၏ အချက်အလက်များ ကို ဝင်ရောက်ခွင့်ရသည်</p> <p class="tip"><span>အကြောင်းကြား</span>“တိုက်ရိုက်ပြုခြင်း” အကြောင်း (ဖခ်လှမ်းသူ နှင့် တစ်ဆင်းဘွတ်ခွဲ) ကို ကျွန်ုပ်၏ <a href="/my/js/js_classes.html" title="JavaScript ကဏ္ဍ">JavaScript ဘွတ်ခွဲ အော်ပရော်</a>。</p> </div> <div> <h2>အက်စ်တင်နေသည်</h2> <p>အမည် "Model" ဘွတ်ခွဲ ကို ဖန်တီးပြီး အဆိုပါ ဘွတ်ခွဲ သည် <code>extends</code> ကြောင်းကြားခြင်း "Car" ဘွတ်ခွဲ၏ ဘွတ်ခွဲများကို တိုက်ရိုက်ပြုပြင်ကြည့်ပါ</p> <p>ဖခ်လှမ်းသူ ဘွတ်ခွဲကို ခေါ်ခြင်း ဖြင့် <code>super()</code> ဘွတ်ခွဲများ၊ ကျွန်ုပ်သည် ဖခ်လှမ်းသူ၏ ဘွတ်ခွဲကို ခေါ်လိမ့်မည် နှင့် ဖခ်လှမ်းသူ၏ အချက်အလက်များ ကို ဝင်ရောက်ခွင့်ရသည်</p> <pre class="language-js"> class Car { constructor(brand) { this.carname = brand; } present() { return 'I have a ' + this.carname; } } class Model extends Car { constructor(brand, mod) { super(brand); this.model = mod; } show() { return this.present() + ', it is a ' + this.model; } } mycar = new Model("Ford", "Mustang"); document.getElementById("demo").innerHTML = mycar.show(); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_class_extends">ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလေ့လာပါ</a></p> </div> <div> <h2>အက္ခရာ</h2> <pre class="language-js"> super(<i>arguments</i>); // ဖခ်လှမ်းသူ အဆိုပါ ဘွတ်ခွဲကို ခေါ်ခြင်း (သာ ဖခ်လှမ်းသူ တွင်) super.parentMethod(<i>arguments</i>); // ဖခ်လှမ်းသူ မိဘဘွတ်ခွဲကို ခေါ်ခြင်း </pre> </div> <div> <h2>နည်းပါးများ</h2> <table class="definition-usage"> <tr> <th>JavaScript ပုံစံ</th> <td>ECMAScript 2015 (ES6)</td> </tr> </table> </div> <div> <h2>ဘွတ်ခွဲသုံးစွဲမှု</h2> <table class="browser-support"> <tr> <th class="bsTh">Keyword</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>super</td> <td>42.0</td> <td>13.0</td> <td>45.0</td> <td>9.0</td> <td>36.0</td> </tr> </table> </div> <div> <h2>ပါဝင်သော စာမျက်နှာ</h2> <p>JavaScript အော်ပရော်<a href="/my/js/js_classes.html" title="JavaScript ကဏ္ဍ">JavaScript ကဏ္ဍ</a></p> <p>JavaScript အော်ပရော်<a href="/my/js/js_es6.html" title="ECMAScript 2015 - ES6">JavaScript ES6 (EcmaScript 2015)</a></p> <p>JavaScript ကိုးကွယ်ရာ အချက်အလက်များ ပါဝင်<a href="/my/jsref/jsref_class_extends.html" title="JavaScript Class extends အကြောင်းအရာ">extends ကိုယ်စားပြုသည်</a></p> <p>JavaScript ကိုးကွယ်ရာ အချက်အလက်များ ပါဝင်<a href="/my/jsref/jsref_constructor_class.html" title="JavaScript Class constructor စနစ်">constructor() စနစ်</a></p> </div> <div class="prenextnav-ref"> <ul> <li> ပြီးဆုံးသော စာစောင် <a href="/my/jsref/jsref_class_static.html" title="JavaScript Class static အကြောင်းအရာ">static</a></li> <li> နောက်လိုက်သော စာစောင် <a href="/my/jsref/jsref_constructor_class.html" title="JavaScript Class constructor စနစ်">constructor()</a></li> <li> အဆင်းတက် <a href="/my/jsref/jsref_classes.html" title="JavaScript Class ဝေါဟာရ စာအုပ်">JavaScript Class ဝေါဟာရ စာအုပ်</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> အက်သုံးစံ </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM ဝေါဟာရ စာအုပ်</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှတ်အသား</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ပါးလုံး</a></h5> </div> <div><h3><center> ထောက်ပံ့ဆောင်သူ ခေါ်ဝေါ် </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ပြန်လည်ပေးသော အသုံးပြုခြင်း အခြေခံ မပေးဘဲ သို့မဟုတ် မသေချာ မဟုတ် မမှားမြတ် မဟုတ် မပြောင်းလဲ သော ကြောင်း ကို ဖော်ပြထား သည်။ ဤ ဝက်ဆိုဒ် အသုံးပြုခြင်း ဖြင့် ပေါ်ပေါက်လာသော အကျိုးသက်ရောက်မှု နှင့် ဤ ဝက်ဆိုဒ် နှင့် မတူညီ မဟုတ် မမှားမြတ် မဟုတ် မပြောင်းလဲ သည်။ ကုဒ္ဒရာ အခွင့်အရေး အားဖြင့် ကျွန်ုပ် မှ အခွင့်အရေး ပေးသည်။ </p> <p id="p2"> <a href="/my/about/index.html" title="နှင့် CodeW3C.com အကြောင်း">နှင့် CodeW3C.com အကြောင်း</a> <a href="/my/about/about_helping.html" title="CodeW3C.com အကြောင်းအရာ">CodeW3C.com အကြောင်းအရာ</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း အကြောင်း">CodeW3C.com အကြောင်းအရာ</a> <a href="/my/about/about_privacy.html" title="ပုံမှန်စက် ပုံမှန်စက်">ပုံမှန်စက် အခြေခံ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပြင်ဆင်သည် Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>