Unidad 2

Variables y tipos de datos

Qué caracteriza a JavaScript, cómo se declaran variables con let y const y qué tipos primitivos existen.

El ADN de JavaScript

Antes de escribir código conviene saber con qué clase de lenguaje tratamos. JavaScript es:

En el lado del cliente, JavaScript se ejecuta en el navegador para responder a lo que hace el usuario: clics, teclas, envío de formularios, cualquier cambio en la interfaz.

Dónde va el código

Hay dos formas de meter JavaScript en una página:

<!-- Incrustado: dentro del propio HTML -->
<script>
  console.log('Hola desde el HTML');
</script>

<!-- Externo: en un archivo .js aparte -->
<script src="app.js"></script>

La opción externa es la preferida: separa el comportamiento del contenido, el mismo archivo se reutiliza en varias páginas, y el navegador puede guardarlo en caché. Lo incrustado sirve para pruebas rápidas.

La consola

Todos los navegadores traen una consola en las herramientas de desarrollo (F12 o Cmd+Opt+I). Desde el código se escribe en ella con los métodos de console:

console.log('Mensaje normal');
console.warn('Aviso: algo raro, pero sigue');
console.error('Error: algo ha fallado');

Es la herramienta principal para ver qué está haciendo el programa mientras se desarrolla. En este sitio, la salida de console aparece en el panel de cada ejercicio.

Variables

Una variable es un espacio de memoria con nombre donde se guarda un valor. Se declaran de tres maneras:

const nombre = 'Ana';   // no va a cambiar
let intentos = 0;       // va a cambiar
intentos = intentos + 1;

nombre = 'Eva';         // Error: no se puede reasignar una constante

Regla práctica: empieza siempre con const. Si el programa te obliga a reasignar, cámbialo a let. var no lo uses.

Los nombres se escriben en camelCase (precioTotal, numeroDeAlumnos), empiezan por letra y, como el lenguaje es case sensitive, precioTotal y preciototal son variables distintas.

Tipos de datos primitivos

Al ser débilmente tipado, JavaScript no pide declarar el tipo: lo deduce del valor. Los tipos primitivos son:

El operador typeof dice de qué tipo es un valor:

typeof 'hola';      // 'string'
typeof 42;          // 'number'
typeof true;        // 'boolean'
typeof undefined;   // 'undefined'
typeof 10n;         // 'bigint'
typeof null;        // 'object'  (un fallo histórico del lenguaje)

Conversión de tipos

Cuando una operación mezcla tipos, JavaScript convierte por su cuenta. A veces acierta y a veces no:

'5' + 3;      // '53'  → el + con un texto concatena
'5' * 3;      // 15    → el * sólo tiene sentido con números, así que convierte
'5' - 2;      // 3
'hola' * 2;   // NaN   → no hay forma de convertir 'hola'

Para no depender de esas reglas, se convierte a mano:

Number('12.5');     // 12.5
parseInt('12px');   // 12  (lee hasta el primer carácter no numérico)
String(42);         // '42'
Boolean(0);         // false

Entrada de datos con prompt-sync

En el navegador existe prompt(), que abre un cuadro de diálogo. En Node.js, que es donde ejecutamos los programas en clase, no hay cuadros de diálogo ni prompt: se instala el paquete prompt-sync (npm install prompt-sync) y se importa al principio del programa.

// Importa el paquete prompt-sync
const prompt = require('prompt-sync')();

// Pide al usuario que ingrese su nombre
var nombre = prompt('¿Cuál es tu nombre? ');

// Saluda al usuario
console.log(`Hola, ${nombre}! Bienvenido al programa.`);

Dos cosas que hay que recordar: prompt devuelve siempre un texto, así que para operar con números hay que convertir con Number(); y la línea del require va antes de usarlo.

En los ejercicios de este sitio la línea del require funciona igual, pero no hay teclado: prompt() devuelve por orden unas entradas fijadas de antemano, que se indican en cada ejercicio, y los tests vuelven a ejecutar tu programa con otras entradas distintas. Lo que cuenta es que funcione con cualquier valor.

// Declara aquí las tres variables

// Y muéstralas en la consola

Sin salida todavía.

const nombre = 'Ana';
let edad = 17;
let matriculado = true;

console.log(nombre);
console.log(edad);
console.log(matriculado);

const precioTexto = '12.5';

// Convierte precioTexto a número


// Calcula el total de tres unidades


console.log(total);

Sin salida todavía.

const precioTexto = '12.5';

const precio = Number(precioTexto);
const total = precio * 3;

console.log(total);