CodeW3C Εκπαιδευτικός Οδηγός
  • Σειρά Εκπαιδευτικού Οδηγού HTML
  • Σκрипτ Βrowser
  • Σκрипτ Σερβέρη
  • Εκπαιδευτικός Οδηγός Προγραμματισμού
  • Σειρά Εκπαιδευτικού Οδηγού XML
  • Εκπαιδευτικός Οδηγός Δημιουργίας Ιστοσελίδων
  • Εκπαιδευτικός Οδηγός Αναφορών

Πρόγραμμα

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 Γραφή
  • 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 Επικύρωση
  • 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>
  • <textarea>
  • <time>
  • <title>
  • <track>
  • <u>
  • <ul>
  • <var>

    • <video>
    • JS τύποι μετατροπής

    Επιλογή μαθημάτων

    Προτάσεις μαθημάτων:

    • CodeW3C.com Κουτί Μυστικών

    JavaScript Class extends κλειδιά

    • Προηγούμενη Σελίδα constructor()
    • Επόμενη Σελίδα Static
    • Επιστροφή στο Πάνω Στρώμα Εκπαιδευτικός Οδηγός Αναφορών JavaScript Class

    Ορισμός και χρήση

    extends Τα κλειδιά χρησιμοποιούνται για τη δημιουργία κλάσης (γονική) υποκλάσης.

    Η κλάση κληρονομεί όλες τις μεθόδους μιας άλλης κλάσης.

    Η 继承 είναι πολύ χρήσιμη για την επαναχρησιμοποίηση κώδικα: Δημιουργία νέων κλάσεων, επαναχρησιμοποιώντας ιδιότητες και μεθόδους υπαρχόντων κλάσεων.

    Σημείωση:Από τον παραπάνω παράδειγμα μπορείτε να δείτε ότιsuper() Μέθοδος αναφέρεται στον γονικό κλάση. Με τον καλούμενο κατασκευαστή super() Μέθοδοι, που θα καλέσουμε τον κατασκευαστή του γονικού κλάση, και θα έχουμε πρόσβαση στις ιδιότητες και μεθόδους του γονικού κλάση.

    Εκδρομή

    Δημιουργία μιας κλάσης με το όνομα "Model" που θα 继承 Car κλάση μεθόδους:

    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();
    

    Δοκιμάστε το προσωπικά

    Γλώσσα

    class childClass extends parentClass

    Τεχνικά λεπτομέρειες

    Εκδοση JavaScript: ECMAScript 2015 (ES6)

Υποστήριξη περιηγητών

Κλειδιά Chrome IE Firefox Safari Opera
extends 49.0 13.0 45.0 9.0 36.0

Σχετικές σελίδες

JavaScript Εκμάθηση:Κλάση JavaScript

JavaScript Εκμάθηση:JavaScript ES6 (EcmaScript 2015)

Εγχειρίδιο Συνέχειας JavaScript:Κλειδί super

Εγχειρίδιο Συνέχειας JavaScript:Μέθοδος constructor()

  • Προηγούμενη Σελίδα constructor()
  • Επόμενη Σελίδα Static
  • Επιστροφή στο Πάνω Στρώμα Εκπαιδευτικός Οδηγός Αναφορών JavaScript Class

Εργαλείο

Εκπαιδευτικός Οδηγός Αναφορών JavaScript και HTML DOM
Παραδείγματα JavaScript
Ερωτήσεις JavaScript
Εκμάθηση JavaScript

Σύνδεσμοι Συνεργατών

Το περιεχόμενο που παρέχει το CodeW3C.com χρησιμοποιείται μόνο για εκπαίδευση και δοκιμή και δεν γίνεται εγγύηση για την ακρίβεια του περιεχομένου. Ο κίνδυνος που προκύπτει από τη χρήση του περιεχομένου αυτού δεν σχετίζεται με το site. Αυτοί είναι οι ιδιοκτήτες του πνευματικού δικαιώματος, όλα τα δικαιώματα διατηρούνται.

Σχετικά με το CodeW3C.com Βοήθεια CodeW3C.com Όροι Χρήσης Όροι Απορρήτου Δραστηριοποιημένο από Ce4e.com