Costanti javascript

Prima di iniziare con il linguaggio di programmazione JavaScript, è necessario raccogliere alcune conoscenze sui termini di base come variabili e costanti. In JavaScript, costanti sono creati usando il “const" parola chiave. Dopo la dichiarazione, il valore di una costante JavaScript non può essere modificato, rendendolo "immutabile". Sono anche "scappato a blocchi“, Quindi JavaScript limita il loro accesso al di fuori del blocco dove vengono creati.

Questo articolo discuterà la dichiarazione di costanti Javascript, il loro ambito di blocco, la riassegnazione di variabili costanti, array costanti, oggetti costanti e la procedura relativa al congelamento di oggetti costanti. Quindi iniziamo!

Dichiarazione delle costanti Javascript

Le costanti JavaScript sono di tipo immutabile, il che significa che il loro valore non può essere modificato dopo la creazione. Per creare costanti in JavaScript, devi usare il "const"Parola chiave e ricorda la costante"nome"Dovrebbe essere specificato in Maiuscolo:

const costant1 = "valore";

Se il nome della costante JavaScript comprende una parola, usa il sottolinearsi "_" tra le parole:

const new_constant = "value";

Blocca l'ambito delle costanti JavaScript

Una costante JavaScript dichiarata con il "const"La parola chiave ha lo stesso ambito di una variabile creata con"permettere" parola chiave. Di conseguenza, le costanti JavaScript dichiarate in un blocco di codice sono disponibili solo al suo interno e non al di fuori di esso.

Ad esempio, creeremo una costante JavaScript chiamata "X"All'interno di un blocco di codice :

const x = 5;
Avviso (x);

Quindi, proveremo ad accedere alla costante "x" al di fuori del blocco dato:

console.log (x);

Il blocco di codice aggiunto eseguirà e visualizzerà il valore di "X"Costante in una scatola di allerta:

Quando il controllo dell'esecuzione esce dal blocco di codice aggiunto, il "console.tronco d'albero()"Il metodo proverà ad accedere alla costante"X,"Che risulta in quanto segue"ReferenceError":

Riassegnazione delle variabili costanti JavaScript

Come accennato in precedenza, le variabili create usando il "const"Le parole chiave sono di"immutabile"Digita, il che significa che non possiamo eseguire il funzionamento della loro riassegnazione del valore.

Nell'esempio seguente quando proverà a riassegnare il valore a variabile "età", Visualizzerà un"TAYEERROR"Sulla finestra della console:

const età = 30;
età = 30;

Oggetti delle costanti JavaScript

Quando viene creato un oggetto costante JavaScript utilizzando il "const"Parola chiave, il suo tipo di dati immutabile limita la riassegnazione dei valori degli oggetti nel loro insieme. Tuttavia, è possibile modificare i valori delle proprietà dell'oggetto.

Ad esempio, dichiarare un oggetto costante chiamato "dipendente"Avere le seguenti proprietà:

const dipendente =
Età: 30,
Nome: "Alex"
;
console.registro (dipendente);

Si noti che il "dipendente"L'oggetto è di"immutabile"Tipo di dati e stiamo riassegnando un valore al suo"nome" proprietà:

dipendente.name = "max";
console.registro ("Dopo aver cambiato il dipendente.Nome del valore della proprietà ");
console.registro (dipendente);

L'output dato significa che il "dipendente.nome"Il valore della proprietà viene aggiornato a"Max":

L'esecuzione dell'esempio sopra dato ha dimostrato che sebbene un oggetto diventa "immutabile"Con l'aiuto del"const"Parola chiave, ti consente ancora di riassegnare i valori delle proprietà.

Puoi "congelare"Un oggetto quando è necessario per limitare l'oggetto costante JavaScript dall'aggiornamento delle proprietà esistenti o l'aggiunta di nuove proprietà.

Congela un oggetto costante JavaScript usando l'oggetto.Metodo Freeze ()

IL "Oggetto.congelare()"Il metodo viene utilizzato per congelare un oggetto costante già dichiarato. Quando un oggetto viene congelato, impedisce la cancellazione delle proprietà degli oggetti esistenti, l'aggiunta di nuove proprietà, l'aggiornamento dell'enumerabilità, la scrittibilità e la configurabilità delle proprietà esistenti. Inoltre, non è possibile modificare il prototipo dell'oggetto e il valore delle proprietà esistenti dopo aver congelato l'oggetto correlato.

Sintassi dell'uso dell'oggetto.Freeze () in JavaScript

Oggetto.Freeze (OBJ)

Qui, "obj"Rappresenta l'oggetto costante JavaScript che verrà congelato con l'aiuto di"Oggetto.congelare()" metodo.

Esempio: come congelare un oggetto in JavaScript usando l'oggetto.Metodo Freeze ()

In primo luogo, congeleremo l'oggetto costante "dipendente" usando "Oggetto.congelare()" metodo:

Oggetto.congelamento (dipendente);

Si noti che al momento del congelamento del "dipendente"Oggetto, il valore di"dipendente.età" È "30," e il "dipendente.nome"È impostato come"Max":

Nel prossimo passaggio, verificheremo se il "dipendente"L'oggetto è congelato o no. A tale scopo, JavaScript offre "Oggetto.è congelato()"Metodo integrato che accetta una costante JavaScript"oggetto"Come argomento e ritorna"VERO"Se l'oggetto passato viene congelato, altrimenti il ​​caso di ritorno di"Oggetto.è congelato()Il metodo "sarà impostato su"falso":

Oggetto.Isfrozen (dipendente);

Produzione

Il valore restituito dal "Oggetto.è congelato()Il metodo "è"VERO,"Che indica che il"dipendente"L'oggetto viene congelato con successo. Ora proveremo ad aggiornare il "dipendente.nome"Valore della proprietà a"Paolo":

dipendente.name = "Paul";
console.registro (dipendente);

Se ti trovi in ​​"non strumento"Modalità, quindi il funzionamento specificato del valore di aggiornamento fallirà in silenzio e il congelato"dipendente"L'oggetto non modificherà i valori originali:

JavaScript Array costanti

Simile agli oggetti costanti JavaScript, il funzionamento della riassegnazione del valore non è possibile per un array costante. Dai un'occhiata all'esempio seguente per comprendere il concetto dichiarato.

Prima di tutto, dichiareremo un array JavaScript "le stagioni" usando il "const" parola chiave. Questo "le stagioni"L'array comprende un elemento che è"primavera":

const stagioni = ['primavera'];

Quindi, spingeremo un altro elemento "autunno" al "le stagioni"Array con l'aiuto del"vettore.spingere()" metodo:

le stagioni.push ("autunno");
console.registro (stagioni);

Poiché le costanti JavaScript consentono di aggiungere elementi a un array, quindi l'operazione specificata verrà eseguita correttamente:

Tuttavia, non possiamo riassegnare il "le stagioni" vettore. Dopo averlo fatto, incontrerai un "TAYEERROR":

stagioni = [];

Produzione

Erano tutte informazioni essenziali relative alle costanti JavaScript. Puoi lavorarci ulteriormente in base alle tue preferenze.

Conclusione

IL "const"La parola chiave viene utilizzata per definire JavaScript Costant variabili e array che sono scappato a blocchi e non può essere modificato dopo essere stato creato. Tuttavia, nel caso di oggetti costanti, devi congelarli utilizzando l'oggetto JavaScript.Metodo Freeze () per limitare la manipolazione di un oggetto costante JavaScript già creato. Questo articolo ha discusso della Dichiarazione delle costanti Javascript, della loro portata del blocco, della riassegnazione di variabili costanti, array costanti, oggetti costanti e procedura relativa al congelamento di oggetti costanti.