Чому не варто використовувати конструктори типу new String?

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

Що це і навіщо

new String() створює об’єкт‑обгортку типу String, який містить внутрішній примітивний рядок. Це не той самий тип, що й простий рядок (string), і його поведінка відрізняється.

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

• Примітивний тип – string, без обгортки.
• Об’єкт‑обгортка – String, створюється через конструктор.
• Порівняння – new String('a') === 'a' повертає false, бо порівнюються об’єкт і примітив.

Як це працює

При виклику new String('text') створюється новий об’єкт, що містить поле [[PrimitiveValue]]. При доступі до властивостей об’єкта виконується авто‑обгортка, але сам об’єкт залишається окремим.

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

const a = new String('hello');
const b = 'hello';
console.log(a == b); // true – авто‑обгортка
console.log(a === b); // false – різні типи

Тестування

import { expect } from 'vitest';
expect(new String('x')).toBeInstanceOf(String);
expect(typeof new String('x')).toBe('object');

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

Об’єкти‑обгортки можуть бути змінені, що створює ризик непередбачуваних побічних ефектів.

Оптимізація

Використання літералів ('text') або функції String() забезпечує примітивний тип, зменшує використання пам’яті і уникне проблем із порівняннями.

Часті помилки

1. Порівняння об’єкта з примітивом – new String('a') === 'a' → false.
2. Використання в масивах – об’єкт‑обгортка не інтерпретується як рядок.
3. Підрахунок довжини – new String('abc').length працює, але об’єкт займе більше пам’яті.
4. Методи – new String('a').toUpperCase() працює, але повертає об’єкт.
5. JSON.stringify – об’єкт‑обгортка не серіалізується як рядок.
6. Підключення до DOM – new String('div') не створює елемент.
7. Підтримка типів – TypeScript розпізнає String як об’єкт, а не примітив.
8. Пам’ять – кожен виклик створює новий об’єкт, що збільшує GC‑нагрузку.

Cheatsheet

• Не: new String('text')
• Так: 'text' або String('text')

Follow‑up питання

1. Які ще обгорткові типи існують у JavaScript?
2. Як Object.is поводиться з об’єкт‑обгортками?