Perché in JavaScript è possibile accedere a una stringa primitiva come se fosse un oggetto?

In JavaScript, quando si accede a una stringa primitiva string (non String), avviene una conversione automatica (boxing/imbottitura) in un oggetto String. Questo è un oggetto temporaneo che contiene metodi e proprietà accessibili alle stringhe (ad esempio, .length, .toUpperCase(), .indexOf()). Dopo l'operazione, questo oggetto temporaneo viene distrutto.

Per esempio:

// stringa primitiva
const myString = "hello";

// Accesso alla proprietà .length sulla stringa primitiva
// Si verifica un imbottitura automatica in un oggetto String { "hello" }
// Poi si chiama la proprietà .length su questo oggetto temporaneo
console.log(myString.length); // 5

// Accesso al metodo .toUpperCase() sulla stringa primitiva
// Si verifica un imbottitura automatica in un oggetto String { "hello" }
// Poi si chiama il metodo .toUpperCase() su questo oggetto temporaneo
console.log(myString.toUpperCase()); // "HELLO"

// Dopo l'operazione, l'oggetto temporaneo viene distrutto.
// myString rimane una stringa primitiva.
console.log(typeof myString); // "string"

Questo comportamento rende più facile lavorare con i tipi primitivi, consentendo di usare la sintassi orientata agli oggetti per accedere alle loro funzionalità, senza richiedere la creazione esplicita di oggetti di imballaggio.

Confronto tra una stringa primitiva e un oggetto String:

Caratteristica	Stringa primitiva ("string")	Oggetto String (new String("string"))
Tipo	string	object
Confronto con ===	Per valore	Per riferimento
Generale	Più performante	Meno performante
Uso	Preferibile	Da evitare, a meno che non sia esplicitamente necessario