diff options
Diffstat (limited to 'files/pl/web/javascript/referencje/polecenia/class/index.html')
| -rw-r--r-- | files/pl/web/javascript/referencje/polecenia/class/index.html | 113 |
1 files changed, 0 insertions, 113 deletions
diff --git a/files/pl/web/javascript/referencje/polecenia/class/index.html b/files/pl/web/javascript/referencje/polecenia/class/index.html deleted file mode 100644 index 05cdb7b2d4..0000000000 --- a/files/pl/web/javascript/referencje/polecenia/class/index.html +++ /dev/null @@ -1,113 +0,0 @@ ---- -title: class -slug: Web/JavaScript/Referencje/Polecenia/class -translation_of: Web/JavaScript/Reference/Statements/class ---- -<div>{{jsSidebar("Statements")}}</div> - -<div><strong>Deklaracja klasy</strong> tworzy nową klasę z daną nazwą, używając dziedziczenia opartego na prototypach.</div> - -<div>{{EmbedInteractiveExample("pages/js/statement-class.html")}}</div> - - - -<div class="noinclude"> -<p>Możesz także zdefiniować klasę, używając {{jsxref("Operators/class", "wyrażenia class", "", 1)}}. W odróżnieniu jednak od wyrażenia class, deklaracja klasy nie pozwala na ponowne zadeklarowanie istniejącej klasy i w takim przypadku zwróci błąd.</p> -</div> - -<h2 id="Składnia">Składnia</h2> - -<pre class="brush: js">class nazwa [extends] { - // ciało klasy -} -</pre> - -<h2 id="Opis">Opis</h2> - -<p>Ciało klasy w deklaracji klasy jest wykonywane w <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode">trybie ścisłym</a>. Konstruktor jest opcjonalny.</p> - -<p>Deklaracje klas nie są {{Glossary("Hoisting", "hoisted")}} (w odróżnieniu od <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">deklaracji funkcji</a>).</p> - -<h2 id="Przykłady">Przykłady</h2> - -<h3 id="Prosta_deklaracja_klasy">Prosta deklaracja klasy</h3> - -<p>W poniższym przykładzie, najpierw definiujemy klasę o nazwie Polygon, a następnie rozszerzamy ją do klasy Square. Zwróć uwagę na to, że <code>super()</code>, użyte w konstruktorze, może byc użyte jedynie w konstruktorach i musi być wywołane przed użyciem słowa kluczowego <code>this</code>.</p> - -<pre class="brush: js">class Polygon { - constructor(height, width) { - this.name = 'Polygon'; - this.height = height; - this.width = width; - } -} - -class Square extends Polygon { - constructor(length) { - super(length, length); - this.name = 'Square'; - } -}</pre> - -<div class="warning"> -<h3 id="Próba_podwójnej_deklaracji_klasy">Próba podwójnej deklaracji klasy</h3> - -<p>Próba ponownego zadeklarowania klasy, przy użyciu deklaracji klasy, spowoduje wystąpienie błędu.</p> - -<pre class="brush: js">class Foo {}; -class Foo {}; // Uncaught SyntaxError: Identifier 'Foo' has already been declared -</pre> - -<p>Taki sam błąd jest zwracany, gdy klasa jest zdefiniowana przed użyciem wyrażenia klasy.</p> - -<pre class="brush: js">var Foo = class {}; -class Foo {}; // Uncaught TypeError: Identifier 'Foo' has already been declared - -</pre> -</div> - -<h2 id="Specyfikacje">Specyfikacje</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specyfikacja</th> - <th scope="col">Status</th> - <th scope="col">Komentarz</th> - </tr> - <tr> - <td>{{SpecName('ES2015', '#sec-class-definitions', 'Class definitions')}}</td> - <td>{{Spec2('ES2015')}}</td> - <td>Początkowa definicja.</td> - </tr> - <tr> - <td>{{SpecName('ES2016', '#sec-class-definitions', 'Class definitions')}}</td> - <td>{{Spec2('ES2016')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ES2017', '#sec-class-definitions', 'Class definitions')}}</td> - <td>{{Spec2('ES2017')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-class-definitions', 'Class definitions')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Wsparcie_przeglądarek">Wsparcie przeglądarek</h2> - - - -<p>{{Compat("javascript.statements.class")}}</p> - -<h2 id="Zobacz_też">Zobacz też</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/function"><code>function</code> declaration</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class"><code>class</code> expression</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a></li> -</ul> |
