Metodi dei tipi primitivi

JavaScript ci consente di trattare i tipi primitivi (stringhe, numeri, etc.) come se fossero oggetti.

Mette a disposizione diversi metodi per farlo, che molto presto studieremo, prima però dobbiamo capire come funzionano, perché ovviamente i tipi primitivi non sono oggetti (cercheremo quindi di fare chiarezza).

Vediamo quali sono i punti chiave che distinguono i tipi primitivi dagli oggetti.

Un primitivo

• E’ un valore di tipo primitivo.
• Esistono 6 tipi primitivi: string, number, bigint, boolean, symbol, null e undefined.

Un oggetto

• E’ in grado di memorizzare molti valori come proprietà.
• Può essere creato con {}, ad esempio: {name: "John", age: 30}. Ci sono altri tipi di oggetto in JavaScript; le funzioni ad esempio sono oggetti.

Uno dei principali vantaggi degli oggetti, è che questi possono essere utilizzati per memorizzare funzioni come loro proprietà.

let john = {
  name: "John",
  sayHi: function() {
    alert("Hi buddy!");
  }
};

john.sayHi(); // Hi buddy!

In questo esempio abbiamo creato un oggetto john con il metodo sayHi.

Esistono diversi oggetti built-in (integrati nel linguaggio), come quelli dedicati alla manipolazione delle date, degli errori, degli elementi HTML, etc. I quali possiedono diverse proprietà e metodi.

Ma tutte queste caratteristiche hanno un costo!

Gli oggetti sono più “pesanti” dei tipi primitivi. Richiedono risorse extra per supportarne il pieno funzionamento. Ma poiché queste proprietà sono fondamentali, JavaScript cerca di ottimizzarne l’utilizzo della memoria.

Un primitivo come un oggetto

Questo è il paradosso contro cui si è scontato il creatore di JavaScript:

• Esistono molte operazioni che uno sviluppatore vorrebbe poter fare con i diversi tipi primitivi, come una stringhe o un numeri. Sarebbe molto bello poter accedere a dei metodi per questi tipi di dato.
• I tipi primitivi devono essere veloci e il più leggeri possibile.

La soluzione sembra un po’ strana:

1. I primitivi rimangono primitivi. Contengono un singolo valore.
2. Il linguaggio consente di accedere alle proprietà e ai metodi di stringhe, numeri, booleani e symbol.
3. Quando questo accade, viene creato uno speciale “oggetto contenitore” che fornisce le funzionalità extra, successivamente questo verrà distrutto.

Gli “oggetti contenitore” sono diversi per ogni primitiva e sono chiamati: String, Number, Boolean e Symbol. Questi forniscono diversi insiemi di metodi.

Ad esempio, esiste un metodo str.toUpperCase() che ritorna la stringa con la prima lettera maiuscola.

Funziona in questo modo:

let str = "Hello";

alert( str.toUpperCase() ); // HELLO

Semplice, vero? Questo è quello che accade realmente in str.toUpperCase():

1. La stringa str è una variabile primitiva. Quindi nel momento in cui si accede ad una sua proprietà, viene creato uno speciale oggetto che memorizza il valore della stringa, e contiene metodi utili come toUpperCase().
2. Questo metodo viene eseguito e ritorna una nuova stringa (mostrata da alert).
3. L’oggetto speciale viene distrutto, lasciando solamente la primitiva str.

In questo modo i primitivi possono sfruttare i vantaggi forniti dall’utilizzo dei metodi, rimanendo allo stesso tempo molto leggeri.

JavaScript cerca di ottimizzare il più possibile questo processo. In alcuni casi riesce ad evitare la creazione di oggetti inutili. Nonostance ciò, deve comunque aderire alle specifiche, quindi il comportamento deve essere simile a quello che si avrebbe con la creazione di un oggetto.

Un variabile di tipo number ha dei propri metodi, ad esempio toFixed(n) che arrotonda il numero alla precisione richiesta:

let n = 1.23456;

alert( n.toFixed(2) ); // 1.23

Vedremo più nello specifico altri metodi nei capitoli Numeri e Stringhe.

alert( typeof 0 ); // "number"

alert( typeof new Number(0) ); // "object"!

let zero = new Number(0);

if (zero) { // zero è true, perché è un oggetto
  alert( "zero is truthy?!?" );
}

let num = Number("123"); // converte una string in number

alert(null.test); // errore

Riepilogo

• I primitivi, ad eccezione di null e undefined forniscono molti metodi utili. Li studieremo nei prossimi capitoli.
• Formalmente, questi metodi lavorano su oggetti temporanei, JavaScript però è ottimizzato per sfruttare al meglio le risorse, non risultano quindi molto “costosi”.