Explicar las constantes en ES6

JavaScript es el lenguaje de programación compilado interpretado ligero más popular del mundo. También es conocido como un lenguaje de secuencias de comandos para páginas web. Es bien conocido para el desarrollo de páginas web, muchos entornos que no son de navegador también lo utilizan. JavaScript se puede utilizar para desarrollos del lado del cliente, así como desarrollos del lado del servidor.

La palabra clave const: Durante la programación, nos encontramos con algunas situaciones en las que queremos declarar una variable cuyo valor permanece constante a lo largo del programa. Un ejemplo sería que el valor de pi permanece constante siempre. ES6 admite una declaración de este tipo que se puede declarar usando la palabra const .

La sintaxis para declarar una variable const es:

const CONST_NAME = value;

Propiedades de constante:

• La variable declarada usando la palabra const es inmutable .
• Las variables declaradas con const tienen un alcance de bloque .
• Las variables declaradas con const no se pueden reasignar.
• A las variables declaradas con const se les debe asignar un valor tan pronto como se declaran.
• Las variables declaradas con const no se pueden usar antes de que se declaren.

Los siguientes ejemplos mostrarán las diversas propiedades del uso de la palabra clave const.

Ejemplo 1: En este ejemplo, se generará un error como «Intentando anular ‘i’, que es una constante». Por lo tanto, esto muestra que la variable declarada con const no se puede anular.

<script>
    const myFunc = function () {
        const i = 5;
  
        try {
  
            // The below line will throw an error
            i = i + 2;
        }
        catch (error) {
            console.log(error)
        }
    }
</script>

Producción:

TypeError: Assignment to constant variable.

Ejemplo 2: la siguiente declaración también mostrará un «error de sintaxis», ya que el valor de la variable const debe definirse solo en el momento de la declaración.

// Will throw syntax error as
// no value has been assigned        
const MY_VAR;

Producción:

SyntaxError: Missing initializer in const declaration

Ejemplo 3: Las declaraciones a continuación también arrojan un error como «Error de sintaxis no detectado» ya que estamos tratando de declarar y usar el nombre de la variable que ya está declarado como const.

// Declaring multiple const values
// with the same variable
const pi = 3.15;
const pi = 2.6;

Producción:

SyntaxError: Identifier 'pi' has already been declared

Declarar const con objetos: al declarar un objeto como una constante, podemos manipular las propiedades internas del objeto.

Ejemplo 4:

const pair = {x:30, y:60};
  
// Updating the x and y values
// of the object
pair.x = 10;
pair.y = 90;
  
console.log(pair);

Producción:

{
  x: 10,
  y: 90
}

Los valores de las propiedades de un objeto const se pueden manipular, sin embargo, no puede reasignar el objeto const como se muestra en el siguiente ejemplo.

Ejemplo 5:

const pair = { x: 30, y: 20 }
  
// Will throw an error that
// pair has already been declared
const pair = { a: 35 }

Producción:

SyntaxError: Identifier 'pair' has already been declared

Ejemplo 6: También se puede agregar una nueva propiedad a un objeto const como se muestra a continuación.

const pair = { x: 30, y: 20 }
  
// Adding a new property
// to the pair
pair.z = 67;
  
console.log(pair);

La salida sería algo como esto:

{
  x: 30,
  y: 20,
  z: 67
}

Const con bucles: ES6 admite el uso de const en bucles for-of donde se crea un nuevo enlace para cada iteración.

Ejemplo 7:

const arr = ['hi', 'how', 'are', 'you'];
  
// Looping through all the elements
// of the array
for (const ele of arr) {
    console.log(ele);
}

Producción:

hi
how
are
you