JavaScript Class extends 关键词

Makini ya CodeW3C

Makini ya HTML
Skripta ya Mfumo
Skripta ya Server
Makini ya mawasiliano ya programu
Makini ya XML
Makala ya kumekua tovuti
Makala ya mafanikio

Jadwali ya Kufikia

Kitabu cha Mwongozo cha JS

Kitabu cha Mwongozo cha JS (kufuatia kikundi cha kina)
Kitabu cha Mwongozo cha JS (kufuatia heri ya ujaribikaji)

JavaScript

Array ya JS
Boolean ya JS
Class ya JS
Date ya JS
Error ya JS
Global ya JS
JSON ya JS
Map ya JS
Math ya JS
Number ya JS
Promise ya JS
RegExp ya JS
Set ya JS
Mfano wa String ya JS
Mfano wa Object ya JS
Operator ya JS
Makundi ya Mfano wa Operator ya JS
Matangazo ya JS
Makundi ya Tungaji ya JS

Window

Inayofikia kwa Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window

DOM ya HTML

Dokumenti ya HTML
Element ya HTML
Attribute ya HTML
Event ya HTML
Mfano wa Event ya HTML
Koleksheni ya HTML
NodeList ya HTML
DOMTokenList ya HTML
Stili wa HTML

API ya Web

API ya Canvas
API ya Console
API ya Fetch
API ya Fullscreen
API ya Geolocation
API ya History
API ya MediaQueryList
API ya Storage
API ya Validation
API ya Web

Mfano wa 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>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="Mfano wa DOM Time"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="Mfano wa DOM Title"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Mfano wa DOM Track"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Mfano wa DOM Underline"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Mfano wa DOM Ul"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Mfano wa DOM Variable"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Mfano wa DOM Video"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Mfano wa CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Tukio la ujenzi wa JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kikombe cha CodeW3C.com">Kikombe cha 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 extends 关键词</h1> <div class="prenextnav-ref"> <ul> <li> Rudi kufikia ukweli <a href="/sw/jsref/jsref_constructor_class.html" title="Method ya constructor ya Class ya JavaScript">constructor()</a></li> <li> Pya kuingia <a href="/sw/jsref/jsref_class_static.html" title="Kivinje cha static ya Class ya JavaScript">static</a></li> <li> Rudi kufikia ukweli <a href="/sw/jsref/jsref_classes.html" title="Makala ya mafanikio ya JavaScript Class">Makala ya mafanikio ya JavaScript Class</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>extends</code> 关键字用于创建另一个类（父级）的子类。</p> <p>子类继承了另一个类的所有方法。</p> <p>继承对于代码的可重用性很有用：创建新类时，重用现有类的属性和方法。</p> <p class="note"><span>Tahadhari:</span>From the above example, it can be seen that:<code>super()</code> Method tukinga kufungua kifungu cha kwanza. Kwa kufanya kama hivi katika kifungu cha kuzengwa, tukinga kufikia tabia na vifaa vya kifungu cha kwanza. <code>super()</code> Vifaa, mizalele tukinga kufanyia kama hivi, tukinga kufikia ujumbe wa kifungu wadadha kwa sababu ya kufungua tabia za kifungu cha kwanza.</p> </div> <div> <h2>Mfano</h2> <p>Create a class named "Model" that will inherit methods from the "Car" class:</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="/sw/tiy/t.html?f=jsck_class_extends">Jifunze kwa mbinu yako</a></p> </div> <div> <h2>Makosa</h2> <pre>class <i>childClass</i> extends <i>parentClass</i></pre> </div> <div> <h2>Vifaa vya teknolojia</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Toleo la JavaScript:</th> <td>ECMAScript 2015 (ES6)</td> </tr> </table> </div> <div> <h2>Matumizi ya kifungu</h2> <table class="browser-support"> <tr> <th class="bsTh">Kivinjani</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>extends</td> <td>49.0</td> <td>13.0</td> <td>45.0</td> <td>9.0</td> <td>36.0</td> </tr> </table> </div> <div> <h2>Sayari za kusababu</h2> <p>JavaScript Mwongozo:<a href="/sw/js/js_classes.html" title="Class ya JavaScript">Class ya JavaScript</a></p> <p>JavaScript Mwongozo:<a href="/sw/js/js_es6.html" title="ECMAScript 2015 - ES6">JavaScript ES6 (EcmaScript 2015)</a></p> <p>Mwongozo wa JavaScript:<a href="/sw/jsref/jsref_class_super.html" title="Kivinje cha super ya Class ya JavaScript">Kivinje cha super</a></p> <p>Mwongozo wa JavaScript:<a href="/sw/jsref/jsref_constructor_class.html" title="Method ya constructor ya Class ya JavaScript">Method ya constructor()</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Rudi kufikia ukweli <a href="/sw/jsref/jsref_constructor_class.html" title="Method ya constructor ya Class ya JavaScript">constructor()</a></li> <li> Pya kuingia <a href="/sw/jsref/jsref_class_static.html" title="Kivinje cha static ya Class ya JavaScript">static</a></li> <li> Rudi kufikia ukweli <a href="/sw/jsref/jsref_classes.html" title="Makala ya mafanikio ya JavaScript Class">Makala ya mafanikio ya JavaScript Class</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kikaa cha vifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Makala ya mafanikio ya JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Utesa wa JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Makao ya JavaScript</a></h5> </div> <div><h3><center> Viungo vya msaada </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na michezo, hatuwaangalia kwamba matokeo haya ni sahihi. Mabaya yaliyokuwa na kutumia matokeo haya hayafikii wiziwa. Hisia zote zimejifanyika, inahifadhi haki zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Tukio ya CodeW3C.com">Tukio ya CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mshahara wa kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu siri">Mshahara wa siri</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="Inaribiaze Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>