Чи можна записувати нові властивості / функції в прототипи стандартних класів (Array, Object тощо)? Чому ні? У яких випадках це робити можна? Як убезпечити себе, якщо потрібно розширити прототип?

Повне пояснення

Що це і навіщо

Розширення прототипу (prototype augmentation) – додавання нових властивостей або методів до вже існуючого об’єкта прототипу, наприклад Array.prototype. Це дозволяє всім екземплярам типу Array отримати новий метод.

Ключові принципи/терміни

• Prototype chain – ланцюжок прототипів, через який здійснюється пошук властивостей.
• Property descriptor – опис атрибутів (writable, enumerable, configurable).
• Symbol.species – спеціальний символ, що визначає тип об’єкта, який повертається у методах, що створюють нові інстанції.

Як це працює

Коли викликається метод, JavaScript спочатку шукає його у власних властивостях об’єкта. Якщо не знайдено, переходить до прототипу. Додавши новий метод у Array.prototype, ви змінюєте поведінку всіх масивів.

Практика і реалізація

// Небезпечне розширення
Array.prototype.sum = function(){ return this.reduce((a,b)=>a+b,0); };

// Безпечніше: перевірка наявності
if (!Array.prototype.sum) {
  Object.defineProperty(Array.prototype, 'sum', {
    value: function(){ return this.reduce((a,b)=>a+b,0); },
    writable: false,
    configurable: true
  });
}

Тестування

import { test, expect } from 'vitest';

test('Array.prototype.sum', () => {
  const arr = [1,2,3];
  expect(arr.sum()).toBe(6);
});

Дизайн‑рішення і моделі даних

• Якщо розширюєте власний клас, використовуйте class MyArray extends Array {}.
• Для глобальних змін застосовуйте polyfill лише при відсутності нативної реалізації.

Безпека і приватність

• Не змінюйте властивості, що вже існують (наприклад Array.prototype.push).
• Уникайте колізій і перекриття стандартних методів.

Особливості в контексті JS Core

• Array і Object – найчастіше розширювані, але їх API не передбачає додавання нових методів.
• Map, Set – також можна розширювати, але це рідко практикується.

Оптимізація і типові помилки

1. Колізія – новий метод перекриває існуючий.
2. Проблеми із serialisation – нові властивості не зберігаються у JSON.stringify.
3. Проблеми із спадковістю – нові методи можуть бути недоступні у підкласах.

Диагностика і відладка

• Проблема: новий метод не працює.
  • Причина: властивість вже існує, або вона не writable.
  • Дія: перевірте Object.getOwnPropertyDescriptor(Array.prototype, 'sum').

Альтернативи

• Створіть окремий клас‑обгортку.
• Використовуйте функції‑утиліти замість розширення прототипу.

Крайні випадки і часті помилки

1. Додавання Array.prototype.push → перезапис стандартного методу.
2. Використання Object.defineProperty без configurable: true → неможливе видалення.
3. Додавання властивості без enumerable: false → вона з’явиться у циклі for…in.
4. Перевизначення toString → зміна поведінки в логуванні.
5. Додавання Array.prototype[Symbol.iterator] → змінює ітерацію.
6. Додавання Object.prototype.__proto__ → створює рекурсію.
7. Додавання Object.prototype.constructor → змінює конструктор всіх об’єктів.
8. Додавання Array.prototype.length → порушує внутрішню структуру масиву.

Cheatsheet

• Не розширюйте: Array, Object, Function без крайньої потреби.
• Якщо треба: перевіряйте наявність, використовуйте Object.defineProperty з writable: false.
• Підтримка: polyfills лише для відсутніх методів, не для нових.
• Питання: Чому Array.prototype.push не можна змінювати? – бо це стандартний метод, його зміна порушує API.
• Відповідь: Тому що це призведе до непередбачуваної поведінки в сторонньому коді.