کدووسی آن لائن تیچنل
  • ایچ تی ایم ایل سیریز تیچنل
  • ਬਰਾਉਜ਼ਰ ਸਕ੍ਰਿਪਟ
  • ਸਰਵਰ ਸਕ੍ਰਿਪਟ
  • پروگرامنگ تیچنل
  • ایکس ایم ال سیریز تیچنل
  • بنیادی ویب سائٹ منول
  • مراجع منول

ਕੋਰਸ ਸਾਲਡਰ

JS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ

  • JS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ (ਵਰਗ ਸ਼ਾਰਡ)
  • JS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ (ਅਕਸਰ ਚਿਤਰਣ)

ਜਾਵਾਸਕ੍ਰਿਪਟ

  • JS ਅਰਰੇ
  • JS ਬੋਲੀਨ
  • JS ਕਲਾਸ
  • JS ਦਿਨ
  • JS ਈਰਰ
  • JS ਗਲੋਬਲ
  • JS JSON
  • JS Map
  • JS ਮੈਥ
  • JS ਨੰਬਰ
  • JS Promise
  • JS RegExp
  • JS ਸੈੱਟ
  • JS ਸਟ੍ਰਿੰਗ
  • JS ਆਬਜੈਕਟ
  • JS ਆਪਰੇਟਰ
  • JS ਆਪਰੇਟਰ ਪ੍ਰਾਥਮਿਕਤਾ
  • JS ਸਟੇਟਮੈਂਟ
  • JS ਟਾਈਪਡ ਅਰਰੇ

ਵਿੰਡੋ

  • ویندو آوبجیکٹ
  • ਵਿੰਡੋ ਕੰਸੋਲ
  • ਵਿੰਡੋ ਹਿਸਟਰੀ
  • ਵਿੰਡੋ ਲੋਕੇਸ਼ਨ
  • ਵਿੰਡੋ ਨੇਵੀਗੇਟਰ
  • ਵਿੰਡੋ ਸਕਰੀਨ

HTML DOM

  • HTML ਦਸਤਾਵੇਜ
  • HTML ਐਲੀਮੈਂਟ
  • HTML ਅਟਰੀਬਿਊਟ
  • HTML ਈਵੈਂਟ
  • HTML ਈਵੈਂਟ ਆਬਜੈਕਟ
  • HTML ਕੋਲੈਕਸ਼ਨ
  • HTML NodeList
  • HTML DOMTokenList
  • HTML ਸਟਾਈਲ

ਵੈੱਬ API

  • API ਕੈਂਵਾਸ
  • API ਕੰਸੋਲ
  • API Fetch
  • API ਫੁਲਸਕਰੀਨ
  • API ਜੀਓਲੋਕੇਸ਼ਨ
  • API ਹਿਸਟਰੀ
  • 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>
  • <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
    • ਉੱਪਰੀ ਪੱਧਰ ਵਾਪਸ ਜਾਓ جاوا اسکریپت کلاس مراجع منول

    ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

    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 ਇੰਸਟੈਂਸ
JavaScript ਪਰੀਖਿਆ
JavaScript ਸਿੱਖਿਆ

ਸਪਾਂਸਰ ਲਿੰਕ

CodeW3C.com ਵੱਲੋਂ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਸਮੱਗਰੀ ਟ੍ਰੇਨਿੰਗ ਅਤੇ ਟੈਸਟ ਲਈ ਹੈ, ਸਹੀਅਤ ਨਾ ਮੁੱਲਾਂਬਾਜ਼ੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।ਇਸ ਸਾਇਟ ਦੇ ਸਮੱਗਰੀ ਦੀ ਵਰਤੋਂ ਨਾਲ ਆਉਣ ਵਾਲੇ ਖਤਰੇ ਇਸ ਸਾਇਟ ਨਾਲ ਸਬੰਧੀ ਨਹੀਂ ਹਨ।ਕਾਪੀਰਾਈਟ ਸਾਰੀਆਂ ਅਧਿਕਾਰ ਸੁਰੱਖਿਆ ਕੀਤੇ ਗਏ ਹਨ。

ਬਾਰੇ CodeW3C.com ਮਦਦ CodeW3C.com ਵਰਤੋਂ ਮੁਦਾਬਾਹ ਨਿੱਜ ਮੁਦਾਬਾਹ پاورڈ بے سی 4ای ای