/
index.md
68 lines (48 loc) · 2.85 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
---
title: class
slug: Web/JavaScript/Reference/Statements/class
---
{{jsSidebar("Statements")}}
**Class declaration** создаёт новый класс с данным именем на основе прототипного наследования.
Можно так же определить класс, используя {{jsxref("Operators/class", "class expression", "", 1)}}. Но в отличие от class expression, class declaration не позволяет снова объявить уже существующий класс, это **приведёт к ошибке типа**.
## Синтаксис
```js
class name [extends] {
// тело класса
}
```
## Описание
Как и class expression, тело class declaration будет исполняться в {{jsxref("Strict_mode", "строгом режиме", "", 1)}}. Свойство конструктора является опциональным.
Class declaration не {{Glossary("Hoisting", "поднимается")}} (в отличие от [декларируемых функций](/ru/docs/Web/JavaScript/Reference/Statements/function)).
## Примеры
### Простой class declaration
В следующем примере сначала определяется класс с именем Polygon, затем он наследуется для создания класса Square. Заметьте, что super(), используемый в конструкторе, может быть использован только в конструкторе и должен быть вызван до того, как будет использовано ключевое слово this.
```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";
}
}
```
> **Предупреждение:** ### Попытка объявить класс дваждыПереопределение класса с помощью class declaration вызовет ошибку типа. `js class Foo {}; class Foo {}; // Uncaught TypeError: Identifier 'Foo' has already been declared` Та же ошибка будет вызвана, если класс был определён перед использованием class declaration.
>
> ```js
> var Foo = class {};
> class Foo {} // Uncaught TypeError: Identifier 'Foo' has already been declared
> ```
## Спецификации
{{Specifications}}
## Совместимость с браузерами
{{Compat}}
## Смотрите также
- [`function` declaration](/ru/docs/Web/JavaScript/Reference/Statements/function)
- [`class` expression](/ru/docs/Web/JavaScript/Reference/Operators/class)
- [Classes](/ru/docs/Web/JavaScript/Reference/Classes)