Почему у примитива, например строки, доступны методы через точку, такие как toString?

В JavaScript при обращении к примитивной строке string (не String) происходит автоматическое преобразование (boxing/упаковка) в объект-обёртку String. Это временный объект, который содержит методы и свойства, доступные для строк (например, .length, .toUpperCase(), .indexOf()). После выполнения операции над этим временным объектом, он уничтожается.

Например:

// примитивная строка
const myString = "hello";

// Обращение к свойству .length на примитивной строке
// Происходит автоматическая упаковка в объект String { "hello" }
// Затем вызывается свойство .length у этого временного объекта
console.log(myString.length); // 5

// Обращение к методу .toUpperCase() на примитивной строке
// Происходит автоматическая упаковка в объект String { "hello" }
// Затем вызывается метод .toUpperCase() у этого временного объекта
console.log(myString.toUpperCase()); // "HELLO"

// После выполнения операции временный объект уничтожается.
// myString остается примитивной строкой.
console.log(typeof myString); // "string"

Это поведение обеспечивает удобство работы с примитивными типами, позволяя использовать объектно-ориентированный синтаксис для доступа к их функциональности, не требуя явного создания объектов-обёрток.

Сравнение примитивной строки и объекта String: