JavaScript

JavaScript

Tutorial JavaScript: Variables

JavaScript variables: declaración y uso. Aprende a declarar y usar variables en JavaScript con ejemplos prácticos y detallados.

Aprende JavaScript GRATIS y certifícate

Las variables en JavaScript son contenedores que almacenan y representan datos o información. Estos contenedores permiten almacenar, modificar y utilizar valores en el código. Una de las formas de declarar una variable en JavaScript es mediante la palabra clave var, y más recientemente se han añadido let y const.

Declaración de variables

Antes de poder utilizar una variable, primero debe declararse. La sintaxis para declarar una variable es la siguiente:

var variable1;

Con el uso de let y const:

let variable2;
const variable3;

Esta declaración crea la variable pero no le asigna ningún valor. Pueden declararse múltiples variables de una sola vez utilizando una lista separada por comas. Ejemplo:

var variable1, variable2, variable3;

Asignación de valores a variables

Después de declarar una variable, se le puede asignar un valor utilizando el operador de igual (=). La sintaxis es la siguiente:

variable1 = 42;
variable2 = "Hola, mundo!";

También es posible declarar y asignar un valor a una variable en una sola instrucción.

var variable1 = 42;
let variable2 = "Hola, mundo!";
const variable3 = 3.1415;

Tipos de datos

En JavaScript, las variables no necesitan un tipo específico, lo que significa que el tipo de dato de una variable puede cambiar dinámicamente en tiempo de ejecución. JavaScript es un lenguaje de programación de "tipado débil" o "tipado dinámico".

Los principales tipos de datos en JavaScript son:

  • number: para almacenar números, incluyendo números enteros y decimales.
  • string: para almacenar cadenas de texto, las cuales están rodeadas por comillas simples ('') o dobles ("").
  • boolean: utilizado para almacenar valores verdaderos (true) o falsos (false).
  • object: para almacenar objetos más complejos, como arrays, funciones, y otros objetos.

Aquí hay algunos ejemplos de diferentes tipos de datos almacenados en variables:

let numberVar = 42;
let stringVar = "Hola, mundo!";
let booleanVar = true;
let objectVar = { name: "John", age: 30 };

Ámbito de las variables

El ámbito (scope) de una variable es el contexto en el que es visible y accesible. Las variables en JavaScript pueden tener un ámbito global o local.

  • Variable global: Una variable declarada fuera de cualquier función o bloque se llama variable global y puede ser accedida por cualquier parte del código.

  • Variable local: Una variable declarada dentro de una función o bloque se llama variable local y solo es accesible dentro de dicha función o bloque.

El uso de let y const ha introducido el concepto de bloque de ámbito, lo que permite tener variables que son locales a un bloque específico como un bucle for o un condicional if.

var globalVar = "Soy una variable global!";

function myFunction() {
var localVar = "Soy una variable local (dentro de la función)";
console.log(globalVar); // Esto mostrará "Soy una variable global!"
console.log(localVar); // Esto mostrará "Soy una variable local (dentro de la función)"
}

myFunction();

console.log(globalVar); // Esto mostrará "Soy una variable global!"
console.log(localVar); // Esto generará un error porque "localVar" no está accesible fuera de la función
if (true) {
let blockScopedVar = "Soy visible en este bloque";
console.log(blockScopedVar); // Muestra "Soy visible en este bloque"
}

console.log(blockScopedVar); // Genera un error porque "blockScopedVar" no está accesible fuera del bloque

Constantes

Se pueden utilizar las palabras clave let y const para declarar variables en lugar de var. const se utiliza para declarar variables que no cambian su valor durante la ejecución del programa. Una vez que un valor ha sido asignado a una constante, no puede ser cambiado.

const PI = 3.1415;
console.log(PI); // Muestra "3.1415"

PI = 42; // Genera un error, porque no se puede cambiar el valor de una constante

Las constantes son útiles cuando se quieren utilizar valores que no deben ser modificados accidentalmente en el código. Es una buena práctica utilizar la palabra clave const siempre que sea posible para evitar comportamientos inesperados.

En resumen, las variables en JavaScript son contenedores que almacenan y representan datos en el código. Permiten almacenar y manipular diferentes tipos de datos, como números, cadenas de texto, booleanos y objetos, y pueden declararse utilizando las palabras clave var, let o const. Las variables tienen un ámbito definido y pueden ser globales o locales. Es importante seleccionar correctamente el ámbito y la palabra clave para declarar variables según el caso de uso, para mantener el código limpio y evitar errores o comportamientos inesperados.

Aprende JavaScript GRATIS online

Ejercicios de esta lección Variables

Evalúa tus conocimientos de esta lección Variables con nuestros retos de programación de tipo Test, Puzzle, Código y Proyecto con VSCode, guiados por IA.

Todas las lecciones de JavaScript

Accede a todas las lecciones de JavaScript y aprende con ejemplos prácticos de código y ejercicios de programación con IDE web sin instalar nada.

Accede GRATIS a JavaScript y certifícate

Certificados de superación de JavaScript

Supera todos los ejercicios de programación del curso de JavaScript y obtén certificados de superación para mejorar tu currículum y tu empleabilidad.

En esta lección

Objetivos de aprendizaje de esta lección

  1. Comprender el propósito y la función de las variables en JavaScript.
  2. Aprender a declarar variables utilizando var, let y const.
  3. Saber cómo asignar valores a las variables y entender la diferencia entre declaración y asignación.
  4. Conocer los principales tipos de datos en JavaScript y su uso en variables.
  5. Entender los diferentes ámbitos de las variables y cómo afecta su visibilidad en el código.
  6. Aprender a utilizar const para declarar constantes y entender su importancia en la programación.