DEV Community

Cover image for Diferentes formas de declarar variables en javaScript ⭐
Jesus Abril
Jesus Abril

Posted on

Diferentes formas de declarar variables en javaScript ⭐

Diferentes maneras de declarar variables en JavaScript

Tipos de declaraciones de variables

var

/* Declarando variables con var */ var myVar; // inicializada sin declarar var myVar = 'hola mundo'; //Inicializada declarando el valor string 'hola mundo' console.log(myVar); //Resultado: // 'hola mundo' 
Enter fullscreen mode Exit fullscreen mode

Puede ser declarada tantas veces como quieras con el mismo nombre y no ocurrirá ningun problema.
Su salida dependerá del último valor declarado, en nuestro caso 'hola mundo'.

let

/* Declarando variables con let */ let nombre = 'Jesus'; let apellido = 'Abril'; let nombre = 'Juan'; console.log(nombre + ' ' + apellido); // Resultado: // Uncaught SyntaxError: Identifier 'nombre' has already been declared //tambien puedes declarar múltiples de la siguiente forma let myNombre = 'Jesus', // como puedes observar se usa una coma. myApellido = 'Abril'; console.log(myNombre + ' ' + myApellido); // Resultado: // Jesus Abril let otroNombre; console.log(otronombre); //Resultado //Uncaught ReferenceError: otronombre is not defined otroNombre = 'Juan Ramirez'; console.log(otroNombre); // Resultado // Juan Ramirez 
Enter fullscreen mode Exit fullscreen mode

No permite declaraciones de variables con el mismo nombre;
Puede ser declarada sin inicializar.
Debe ser inicializada antes de su uso.
Deben llamarse diferente.

Utiliza let cuando su valor se cambien en un futuro.

const

/* Declarando variables con const */ const producto; console.log(producto); // Resultado // Uncaught SyntaxError: Missing initializer in const declaration const otroProducto = 'Jabón'; console.log(otroProducto); // Resultado // Jabón 
Enter fullscreen mode Exit fullscreen mode

Una constante siempre debe inicializarse
No puede llamarse igual a otra variable

Úsala cuando sepas que su valor no cambiará en el futuro.

Podeis reusar el código github

Top comments (0)