Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Кілька конструкторів у класі». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

## 1. Чому не можна мати кілька конструкторів

Якщо спробувати оголосити два конструктори в одному класі, буде синтаксична помилка:

```javascript
class User {
  constructor(name) {
    this.name = name;
  }

// Помилка: повторне оголошення конструктора
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}
```

> `SyntaxError: A class may only have one constructor`

---

## 2. Як правильно імітувати кілька конструкторів

Хоча прямого перевантаження немає, у JS можна реалізувати **гнучкий конструктор** різними способами:

---

### Варіант 1: Перевірка аргументів усередині одного конструктора

```javascript
class User {
  constructor(name, age) {
    if (typeof age === "undefined") {
      this.name = name;
      this.age = "unknown";
    } else {
      this.name = name;
      this.age = age;
    }
  }
}

const u1 = new User("Alice");
const u2 = new User("Alex", 25);

console.log(u1); // { name: "Alice", age: "unknown" }
console.log(u2); // { name: "Alex", age: 25 }
```

Цей підхід працює як "перевантаження за кількістю аргументів".

---

### Варіант 2: Використати **об'єкт параметрів**

Коли аргументів багато, часто зручніше приймати об'єкт:

```javascript
class User {
  constructor({ name, age = null, email = null } = {}) {
    this.name = name;
    this.age = age;
    this.email = email;
  }
}

const u1 = new User({ name: "Alice" });
const u2 = new User({ name: "Alex", email: "alex@mail.com" });
console.log(u2);
```

Читається зрозуміліше, особливо при великій кількості параметрів.

---

### Варіант 3: Використати **статичні фабричні методи**

Це дуже популярний підхід у реальних проєктах:
замість кількох конструкторів ти робиш різні "фабрики":

```javascript
class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

static fromName(name) {
    return new User(name, null);
  }

static fromObject(obj) {
    return new User(obj.name, obj.age);
  }
}

const u1 = User.fromName("Alice");
const u2 = User.fromObject({ name: "Alex", age: 30 });

console.log(u1, u2);
```

Так ти можеш створювати "різні конструктори" під капотом,
але фактично це різні **статичні методи**, що повертають екземпляр.

---

### Варіант 4: Використати **опціональні параметри + деструктуризацію**

```javascript
class Point {
  constructor(x = 0, y = 0) {
    this.x = x;
    this.y = y;
  }
}

const a = new Point();        // (0, 0)
const b = new Point(10);      // (10, 0)
const c = new Point(5, 7);    // (5, 7)
```

Один конструктор, але три способи виклику, все легально й зручно.

---

### Варіант 5: Успадкування (різні "типи" конструкторів)

Можна створювати різних **нащадків**, кожен зі своїм конструктором:

```javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

class Admin extends User {
  constructor(name, permissions) {
    super(name);
    this.permissions = permissions;
  }
}

const u = new User("Alice");
const a = new Admin("Alex", ["edit", "delete"]);
```

Таким чином "кілька конструкторів" реалізуються **через ієрархію класів**.

---

## Підсумок

| Підхід | Чи допустимо | Приклад |
| --- | --- | --- |
| Кілька `constructor()` | Ні: синтаксична помилка | - |
| Один конструктор із перевіркою аргументів | Так | `if (typeof age === "undefined") ...` |
| Об'єкт параметрів | Так | `constructor({ name, age }) {}` |
| Фабричні методи | Так | `User.fromName()` / `User.fromObject()` |
| Успадкування | Так | `class Admin extends User` |
| Опціональні параметри | Так | `constructor(x = 0, y = 0)` |

---

**Висновок:**

> У JS клас може містити лише **один** `constructor()`,
> але ти можеш досягти тієї самої гнучкості за допомогою **перевірок, фабрик або успадкування**.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати545 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.