कोडडब्ल्यू3सी ऑनलाइन ट्यूटोरियल
  • एचटीएमएल श्रृंखला ट्यूटोरियल
  • ब्राउज़र स्क्रिप्ट
  • सर्वर स्क्रिप्ट
  • प्रोग्रामिंग ट्यूटोरियल
  • एक्सएमएल श्रृंखला ट्यूटोरियल
  • वेबसाइट बुकमैन
  • रेफरेंस मैनुअल

कक्षा तालिका

JS रेफरेंस मैनुअल

  • JS रेफरेंस मैनुअल (श्रेणीबद्ध)
  • JS रेफरेंस मैनुअल (अक्षरगणना)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Date
  • JS Error
  • JS Global
  • JS JSON
  • JS Map
  • JS Math
  • JS Number
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS ऑब्जैक्ट
  • JS ऑपरेटर
  • JS ऑपरेटर प्राथमिकता
  • JS स्टेटमेंट
  • JS टाइपाइज़ एरे

Window

  • विंडो ऑब्जैक्ट
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTML Attribute
  • HTML Event
  • HTML Event ऑब्जैक्ट
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Style

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Fullscreen
  • API Geolocation
  • API History
  • API MediaQueryList
  • API Storage
  • API Validation
  • 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>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • <time>
  • <title>
  • <track>
  • <u>
  • <ul>
  • <var>

    • <video>
    • जेएस टाइप कनवर्शन

    अनिवार्य कोर्स

    कोर्स सिफारिश:

    • CodeW3C.com का बागल

    जावास्क्रिप्ट क्लास एक्सटेंड्स क्लीष्यात्मक शब्द

    • पिछला पृष्ठ constructor()
    • अगला पृष्ठ static
    • एक स्तर ऊपर जेसक्रिप्ट क्लास रेफरेंस मैनुअल

    वर्णन और उपयोग

    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

    तकनीकी विवरण

    जावास्क्रिप्ट संस्करण: ईसीमैस्क्रिप्ट 2015 (ES6)

ब्राउज़र समर्थन

क्लीष्यात्मक शब्द च्रोम आईई फायरफॉक्स सफारी ओपेरा
extends 49.0 13.0 45.0 9.0 36.0

संबंधित पृष्ठ

जावास्क्रिप्ट ट्यूटोरियल:JavaScript क्लास

जावास्क्रिप्ट ट्यूटोरियल:जावास्क्रिप्ट ईएस6 (एक्मास्क्रिप्ट 2015)

JavaScript संदर्भ दस्तावेज़ःsuper कीवर्ड

JavaScript संदर्भ दस्तावेज़ःconstructor() मथड़ा

  • पिछला पृष्ठ constructor()
  • अगला पृष्ठ static
  • एक स्तर ऊपर जेसक्रिप्ट क्लास रेफरेंस मैनुअल

टूलबॉक्स

जेसक्रिप्ट और एचटीएमएल डॉम रेफरेंस मैनुअल
JavaScript उदाहरण
JavaScript परीक्षण
JavaScript शिक्षा

सापोर्टर लिंक

CodeW3C.com द्वारा प्रदान की गई सामग्री केवल प्रशिक्षण और परीक्षण के लिए है, सामग्री की सहीता का भरोसा नहीं किया जाता।इस साइट के साथ उपयोग से उत्पन्न होने वाले जोखिम इस साइट से नहीं जुड़ते।सभी अधिकार अभिरक्षित, सभी अधिकार रखे गए।

CodeW3C.com के बारे में CodeW3C.com की मदद उपयोग शर्त गोपनीयता शर्त सीई4ई.कॉम पर पॉवर्ड