Variables y tipos de datos en JavaScript: var, let y const

En este capítulo vamos a ver las bases de la gestión de variables y de los tipos de datos en JavaScript. Veremos cómo declarar y usar variables, qué tipos de datos tienes a tu disposición y cómo manipularlos. Entender estos conceptos es imprescindible para escribir código eficaz y mantenible en JavaScript.

Declarar variables en JavaScript

En JavaScript, una variable es un contenedor capaz de almacenar un valor. Para declarar una variable se usa esta sintaxis:

let maVariable;

Esto declara una variable llamada « maVariable » que todavía no tiene valor. También puedes declarar una variable y asignarle un valor inicial con el operador de asignación (=):

let maVariable = 5;

En JavaScript existen tres palabras clave para declarar variables: var, let y const. La palabra clave var es la más antigua y se usa desde los inicios de JavaScript. La palabra clave let llegó con el estándar ECMAScript 6 (ES6) y se ha convertido en la forma recomendada de declarar variables. La palabra clave const, también introducida en ES6, sirve para declarar variables que no se pueden reasignar una vez fijado su valor inicial.

Elige la palabra clave de declaración adecuada según el uso previsto de la variable. Si prevé reasignar un valor a su variable (por ejemplo, incrementarla o decrementarla), use la palabra clave let. Si quiere que su variable tenga un valor constante que no pueda modificarse, use la palabra clave const. La palabra clave var, por su parte, ignora el ámbito de bloque: una variable var declarada dentro de un if o de un bucle sigue siendo visible en toda la función que la contiene, o en todo el script si se declara fuera de una función. Es una fuente de errores difíciles de detectar: resérvela para el código antiguo.

Tipos de datos en JavaScript

En JavaScript hay varios tipos de datos que puedes guardar en tus variables:

• Números: JavaScript usa un único tipo de dato para los números, que puede ser un entero o un número en coma flotante. Puedes declarar una variable que contenga un número con esta sintaxis:

let maVariable = 5;

• Cadenas de texto: una cadena de texto es una secuencia de caracteres delimitada por comillas. Puedes usar comillas simples o dobles, aunque conviene usar comillas simples para evitar confusiones con los apóstrofos. Puedes declarar una variable que contenga una cadena de texto con esta sintaxis:

let maChaine = 'Ma variable est une chaine de caractères';

let maChaine = 'Chaque matin, j\'écoute la radio';
// o, más legible: comillas dobles
let maChaine2 = "Chaque matin, j'écoute la radio";

• Booleanos: un booleano es un tipo de dato que solo puede valer verdadero o falso. Puedes declarar una variable booleana con esta sintaxis:

let estVrai = true;

• Null y undefined: la palabra clave null representa un valor vacío intencionado, mientras que undefined representa un valor sin definir. Estos valores suelen servir para indicar que una variable todavía no se ha inicializado o que no tiene un valor válido. Puedes declarar una variable con el valor null o undefined con esta sintaxis:

let maVariable = null;
let monAutreVariable = undefined;

Variables globales y locales

En JavaScript, una variable declarada fuera de cualquier función es una variable global y se puede usar desde cualquier punto del código. Una variable declarada dentro de una función es una variable local y solo es accesible dentro de esa función.

// Variable global
var globalVariable = "Je suis une variable globale";

function myFunction() {
  // Variable local
  var localVariable = "Je suis une variable locale";

console.log(globalVariable); // Muestra "Je suis une variable globale"
  console.log(localVariable); // Muestra "Je suis une variable locale"
}

console.log(globalVariable); // Muestra "Je suis une variable globale"
console.log(localVariable); // Muestra un error porque la variable no es accesible fuera de la función

Conclusión

En este capítulo hemos visto cómo declarar y usar variables en JavaScript, qué tipos de datos hay disponibles y cómo manipularlos. También hemos visto las diferencias entre las palabras clave de declaración var, let y const, además de los conceptos de variables globales y locales. Con estas bases ya puedes usar variables con criterio en tus proyectos de desarrollo con JavaScript.