11/10/21 16:42

Variables

https://es.javascript.info/variables

1/14

→El lenguaje JavaScript →Fundamentos de JavaScript

28º julio 2021

Variables

La mayoría del tiempo, una aplicación de JavaScript necesita trabajar con información. Aquí hay 2 ejemplos:

1. Una tienda en línea – La información puede incluir los bienes a la venta y un “carrito de compras”.

2. Una aplicación de chat – La información puede incluir los usuarios, mensajes, y mucho más.

Utilizamos las variables para almacenar esta información.

Una variable es un “almacén con un nombre” para guardar datos. Podemos usar variables para almacenar golosinas, visitantes, y

otros datos.

Para generar una variable en JavaScript, se usa la palabra clave let .

La siguiente declaración genera (en otras palabras: declara o define) una variable con el nombre “message”:

Ahora podemos introducir datos en ella al utilizar el operador de asignación =:

Una variable

1let message;

let message;



Comprar EPUB/PDF



Última actu alizac ión e l 28º julio 2021

11/10/21 16:42

Variables

https://es.javascript.info/variables

2/14

La cadena ahora está almacenada en el área de la memoria asociada con la variable. La podemos acceder utilizando el nombre de

la variable:

Para ser concisos, podemos combinar la declaración de la variable y su asignación en una sola línea:

También podemos declarar variables múltiples en una sola línea:

Esto puede parecer más corto, pero no lo recomendamos. Por el bien de la legibilidad, por favor utiliza una línea por variable.

La versión de líneas múltiples es un poco más larga, pero se lee más fácil:

3message = 'Hola'; // almacenar la cadena 'Hola' en la variable llamada message

let message;

message = 'Hola!';

alert(message); // muestra el contenido de la variable

let message = 'Hola!'; // define la variable y asigna un valor

alert(message); // Hola!

1let user = 'John', age = 25, message = 'Hola';

let user = 'John';

let age = 25;

let message = 'Hola';

 ✍

Última actu alizac ión e l 28º julio 2021

11/10/21 16:42

Variables

https://es.javascript.info/variables

3/14

Algunas personas también definen variables múltiples en estilo multilínea:

…Incluso en este estilo “coma primero”:

Técnicamente, todas estas variantes hacen lo mismo. Así que, es cuestión de gusto personal y preferencia estética.

var en vez de let

En scripts más viejos, a veces se encuentra otra palabra clave: var en lugar de let :

La palabra clave var es casi lo mismo que let . También hace la declaración de una variable, aunque de un modo

ligeramente distinto, y más antiguo.

Existen sutiles diferencias entre let y var , pero no nos interesan en este momento. Cubriremos el tema a detalle en el

capítulo La vieja "var".

let user = 'John',

age = 25,

message = 'Hola';

let user = 'John'

, age = 25

, message = 'Hola';

1var mensaje = 'Hola';

Una analogía de la vida real

Última actu alizac ión e l 28º julio 2021

11/10/21 16:42

Variables

https://es.javascript.info/variables

4/14

Podemos comprender fácilmente el concepto de una “variable” si nos la imaginamos como una “caja” con una etiqueta de

nombre único pegada en ella.

Por ejemplo, podemos imaginar la variable message como una caja etiquetada "message" con el valor "Hola!" adentro:

Podemos introducir cualquier valor a la caja.

También la podemos cambiar cuantas veces queramos:

Cuando el valor ha sido alterado, los datos antiguos serán removidos de la variable:

"Hello!"

message

let message;

message = 'Hola!';

message = 'Mundo!'; // valor alterado

alert(message);

"World!"

"Hello!"

message

 ✍

Última actu alizac ión e l 28º julio 2021

Resumen Javascript, parte I, Transcripciones de Programación Javascript

Documentos relacionados

Vista previa parcial del texto

¡Descarga Resumen Javascript, parte I y más Transcripciones en PDF de Programación Javascript solo en Docsity!

 →^ El lenguaje JavaScript^ →^ Fundamentos de JavaScript

1 let message;

let message;

3 message = 'Hola'; // almacenar la cadena 'Hola' en la variable llamada message

let message;

message = 'Hola!';

alert(message); // muestra el contenido de la variable

let message = 'Hola!'; // define la variable y asigna un valor

alert(message); // Hola!

1 let user = 'John', age = 25, message = 'Hola';

let user = 'John';

let age = 25;

let message = 'Hola';

let user = 'John',

age = 25,

message = 'Hola';

let user = 'John'

, age = 25

, message = 'Hola';

1 var mensaje = 'Hola';

message

let message;

message = 'Hola!';

message = 'Mundo!'; // valor alterado

alert(message);

message

g 1 2 3 4 5 6 7 8 9

let hello = 'Hola mundo!';

let message;

// copia 'Hola mundo' de hello a message

message = hello;

// Ahora, ambas variables contienen los mismos datos

alert(hello); // Hola mundo!

alert(message); // Hola mundo!

let message = "This";

// 'let' repetidos lleva a un error

let message = "That"; // SyntaxError: 'message' ya fue declarado

let userName;

let test123;

1 let $ = 1; // Declara una variable con el nombre "$" ^ ✍

let _ = 2; // y ahora una variable con el nombre "_"

alert($ + _); // 3

let 1a; // no puede iniciar con un dígito

let my-name; // los guiones '-' no son permitidos en nombres

let имя = '...';

let 我 = '...';

let let = 5; // no se puede le nombrar "let" a una variable ¡Error!

let return = 5; // tampoco se le puede nombrar "return", ¡Error!

// nota: no se utiliza "use strict" en este ejemplo

num = 5; // se crea la variable "num" si no existe antes

alert(num); // 5

"use strict";

num = 5; // error: num no está definida

Compartir    Mapa del Tutorial

¿const mayúsculas? 

const birthday = '18.04.1982';

const age = someCode(birthday);

const BIRTHDAY = '18.04.1982'; // make uppercase?

const AGE = someCode(BIRTHDAY); // make uppercase?

 Lección anterior Próxima lección^ 

 Comentarios

 →^ El lenguaje JavaScript^ →^ Fundamentos de JavaScript

// no hay error

let message = "hola";

message = 123456;

let n = 123;

n = 12.345;

1 alert( 1 / 0 ); // Infinity

1 alert( Infinity ); // Infinity

1 alert( "no es un número" / 2 ); // NaN, tal división es errónea

1 alert( "no es un número" / 2 + 5); // NaN

// la "n" al final significa que es un BigInt

const bigInt = 1234567890123456789012345678901234567890n;

let str = "Hola";

let str2 = 'Las comillas simples también están bien';

let phrase = se puede incrustar otro ${str};

let phrase = `se puede incrustar otro ${str}`;

alert( `Hola, ${name}!` ); // Hola, John!

alert( `el resultado es ${1 + 2}` ); //el resultado es 3

alert( `Hola ${1}` ); //?

alert( `Hola ${"name"}` ); //?

alert( `Hola ${name}` ); //?

alert(`Tienes ${age} años!`); //Tienes 100 años!