CodeW3C Εκπαιδευτικό Υλικό
Σειρά Εκπαιδευτικού Υλικού HTML
Σενάριο ΒROWSER
Σενάριο Υπηρεσίας
Εκπαιδευτικό Υλικό Προγραμματισμού
Σειρά Εκπαιδευτικού Υλικού XML
Εγχειρίδιο Δημιουργίας Ιστοσελίδων
Εγχειρίδιο Εference
Πρόγραμμα
JS Παράδειγμα Εγχειρίδιο
JS Παράδειγμα Εγχειρίδιο (Κατηγορία σειρά)
JS Παράδειγμα Εγχειρίδιο (Αλφαβητική σειρά)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Σφάλμα
JS Γлобάλ
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Σet
JS Σtring
JS Όντα
JS Υπολογιστές
JS Προτεραιότητα Υπολογιστών
JS Σταtements
JS Τύποι Τετράγωνων
Window
Όντα Window
Window Κονσόλα
Window Ιστορικό
Window Τοποθεσία
Window Ναυτιλιακή
Window Οθόνη
HTML DOM
HTML Δокумент
HTML Εлемент
HTML Ατрибούτο
HTML Ενέργεια
HTML Όντα Ενέργειας
HTML Συλλογή
HTML NodeList
HTML DOMTokenList
HTML Στυλ
Web API
API Canvas
API Κονσόλα
API Fetch
API Πλήρης οθόνη
API Γεωθεώρηση
API Ιστορικό
API MediaQueryList
API Αποθήκευση
API Validating
API Web
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>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
</a></li> <li><a href="/el/jsref/dom_obj_time.html" title="HTML DOM Time Συμβόλιο"><time></a></li> <li><a href="/el/jsref/dom_obj_title.html" title="HTML DOM Title Συμβόλιο"><textarea></a></li> <li><a href="/el/jsref/dom_obj_track.html" title="HTML DOM Track Συμβόλιο"><time></a></li> <li><a href="/el/jsref/dom_obj_u.html" title="HTML DOM Underline Συμβόλιο"><title></a></li> <li><a href="/el/jsref/dom_obj_ul.html" title="HTML DOM Ul Συμβόλιο"><track></a></li> <li><a href="/el/jsref/dom_obj_var.html" title="HTML DOM Variable Συμβόλιο"><u></a></li> <li><a href="/el/jsref/dom_obj_video.html" title="HTML DOM Video Συμβόλιο"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/el/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration Συμβόλιο"><video></a></li> <li><a href="/el/jsref/jsref_type_conversion.html" title="JavaScript Τύπος Μετατροπής">Τύποι μετατροπής JS</a></li> </ul> </div> <div><h3><center> Εξεταζόμενα μαθήματα </center><h3> <h2>Προτεινόμενα μαθήματα:</h2> <ul> <li><a href="/el/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="/el/jsref/jsref_class_static.html" title="Κλειδί Static της Κλάσης JavaScript">static</a></li> <li> Επόμενη Σελίδα <a href="/el/jsref/jsref_constructor_class.html" title="Μέθοδος Constructor της Κλάσης JavaScript">constructor()</a></li> <li> Επιστροφή στο Προηγούμενο Επίπεδο <a href="/el/jsref/jsref_classes.html" title="Εγχειρίδιο Εreference για JavaScript Class">Εγχειρίδιο Εreference για JavaScript Class</a></li> </ul> </div> <div> <h2>Ορισμός και χρήση</h2> <p><code>super</code> κλειδί αναφοράς γονικής κλάσης.</p> <p>Χρησιμοποιείται για να καλέσει τον κατασκευαστή της γονικής κλάσης και να έχει πρόσβαση στις ιδιότητες και τα μεθόδους της γονικής κλάσης.</p> <p class="tip"><span>Συμβουλή:</span>Για να κατανοήσετε καλύτερα την έννοια της κληρονομικότητας (γονική και θυγατρική κλάση), παρακαλώ διαβάστε το <a href="/el/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="/el/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">Κλειδί</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="/el/js/js_classes.html" title="Κλάση JavaScript">Κλάση JavaScript</a></p> <p>JavaScript Εκμάθηση:<a href="/el/js/js_es6.html" title="ECMAScript 2015 - ES6">JavaScript ES6 (EcmaScript 2015)</a></p> <p>Εγχειρίδιο Επεξεργασίας JavaScript:<a href="/el/jsref/jsref_class_extends.html" title="Κλειδί Extends της Κλάσης JavaScript">extends κλειδί</a></p> <p>Εγχειρίδιο Επεξεργασίας JavaScript:<a href="/el/jsref/jsref_constructor_class.html" title="Μέθοδος Constructor της Κλάσης JavaScript">Μέθοδος constructor()</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Προηγούμενη Σελίδα <a href="/el/jsref/jsref_class_static.html" title="Κλειδί Static της Κλάσης JavaScript">static</a></li> <li> Επόμενη Σελίδα <a href="/el/jsref/jsref_constructor_class.html" title="Μέθοδος Constructor της Κλάσης JavaScript">constructor()</a></li> <li> Επιστροφή στο Προηγούμενο Επίπεδο <a href="/el/jsref/jsref_classes.html" title="Εγχειρίδιο Εreference για JavaScript Class">Εγχειρίδιο Εreference για 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="/el/jsref/index.html">Εγχειρίδιο Εreference για JavaScript και HTML DOM</a></h5> <h5 id="tools_example"><a href="/el/js/js_examples.html">Παράδειγμα JavaScript</a></h5> <h5 id="tools_quiz"><a href="/el/js/js_quiz.html">Περίληψη JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/el/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="/el/about/index.html" title="Περί CodeW3C.com">Περί CodeW3C.com</a> <a href="/el/about/about_helping.html" title="Βοήθεια CodeW3C.com">Βοήθεια CodeW3C.com</a> <a href="/el/about/about_use.html" title="Περί Χρήσης">Όροι Χρήσης</a> <a href="/el/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>