04 - Constantes

¿Qué es una constante?

Es un contenedor de información, un valor que podemos reutilizar en nuestro código con la diferencia de que su valor no puede modificarse.


Estructura inicial

En nuestra carpeta de proyecto crearemos la siguiente estructura:

/
├── js/
│   └── 04-constantes.js
└── index.html

Y un código sencillo para nuestro HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/04-constantes.js"></script>
    <title>04 - Constantes</title>
</head>
<body>
    <h1>Temario de JavaScript</h1>
</body>
</html>

Declarando una constante

Vamos a ver cómo declarar una constante y su principal diferencia con una variable:

/* Variable */
let dominioWeb = "google.es"
console.log(dominioWeb) //google.es

dominioWeb = "duckduckgo.com"
console.log(dominioWeb) //duckduckgo.com

/* Constante */
const IP_DIR = "192.168.1.23"
console.log(IP_DIR) //192.168.1.23

IP_DIR = "192.168.1.22" //Si intentamos hacer esto nos saldrá un error en la consola.

Una vez declaramos la constante no podemos redefinir su valor, a diferencia de la variable.