A. Identificador

Nombre que tiene un elemento de un programa y que no se puede repetir en ciertas partes del código.

Reglas que debe cumplir un identificador

Empezar con una letra (a – z o A – Z) con o sin acentos (á, ñ, por ejemplo), guion bajo (_) o $.
Los caracteres siguientes pueden ser cualquiera de los anteriores o dígitos (0 – 9).
Aunque JavaScript permite utilizar caracteres acentuados en los identificadores, algunas herramientas de desarrollo no manejan bien estos caracteres.

Ejemplos

_nombre
__nombre
Nombre24
_
$
n123k_$K
TaChido
serenoMoreno
$priv
$123
h54

Camel case

Aunque no es obligatorio, normalmente en JavaScript los identificadores se escriben en Camel Case, donde las mayúsculas se usan para simular el inicio de una palabra. Por ejemplo:

estasSonCuatroPalabras.

B. Variable

Lugar en en la memoria de la computadora donde se almacena un dato que puede cambiar durante la ejecución de un programa.

Declaración

Para usar una variable, primero hay que declararla con una instrucción como la siguiente:

let miNombre = "pp";

Se declaran con let o con var, aunque se recomienda usar let.
Tienen asociado un nombre, con la estructura de un identificador y normalmente empieza con minúscula. En este caso, la variable se llama miNombre.
Tienen asociado un valor, que es un dato, el cual puede cambiar durante la ejecución del programa. En este caso el valor es "pp".
El operador de asignación (=) sirve para cambiar el valor de una variable, perdiendo el valor anterior. El operando del lado izquierdo siempre debe ser una variable.
Cuando el nombre de una variable no aparece a la izquierda del operador de asignación, se usa su valor.

Ejemplo

let miNombre = "pp"

console.log(miNombre)

miNombre = "qk"

console.log(miNombre)

Salida

pp
qk

C. Prueba de escritorio con una variable

Versión para imprimir.

let miNombre = "pp"

console.log(miNombre)

miNombre = "qk"

console.log(miNombre)

Salida

pp
qk

1. `let miNombre = "pp"`

Código

1let miNombre = "pp"
  console.log(miNombre)
  miNombre = "qk"
  console.log(miNombre)

Variables

1miNombre	1"pp"

Expresiones

Consola

Explicación

Se define y crea la variable miNombre en la memoria de la computadora con el valor "pp".

2. `console.log(miNombre)`

Código

1let miNombre = "pp"
2console.log(miNombre)
  miNombre = "qk"
  console.log(miNombre)

Variables

1miNombre	1"pp"

Expresiones

2miNombre → "pp"

Consola

2pp

Explicación

Muestra en consola el valor sin comillas de la variable miNombre que es pp.

3. `miNombre = "qk"`

Código

1let miNombre = "pp"
2console.log(miNombre)
3miNombre = "qk"
  console.log(miNombre)

Variables

1miNombre	1~~"pp"~~ 3"qk"

Expresiones

2miNombre → "pp"

Consola

2pp

Explicación

Asigna a la variable miNombre el nuevo valor "pp". El valor anterior se descarta.

4. `console.log(miNombre)`

Código

1let miNombre = "pp"
2console.log(miNombre)
3miNombre = "qk"
4console.log(miNombre)

Variables

1miNombre	1~~"pp"~~ 3"qk"

Expresiones

2miNombre → "pp"

4 miNombre → "qk"

Consola

2pp
4qk

Explicación

Muestra en consola el valor sin comillas de la variable miNombre que es qk.
Como no hay más instrucciones, termina la ejecución del programa.

5. Depura con JavaScript Tutor

Depura el código en JavaScript Tutor.

D. Prueba de escritorio con 2 variables

Versión para imprimir.

let m = "hola"

let x = "adios"

console.log(m)

console.log(x)

m = "gg"

x = m

console.log(m)

console.log(x)

Salida

hola
adios
gg
gg

1. `let m = "hola"`

Código

1let m = "hola"
  let x = "adios"
  console.log(m)
  console.log(x)
  m = "gg"
  x = m
  console.log(m)
  console.log(x)

Variables

1m	1"hola"

Expresiones

Consola

Explicación

Se define y crea la variable m en la memoria de la computadora con el valor "hola".

2. `let x = "adios"`

Código

1let m = "hola"
2let x = "adios"
  console.log(m)
  console.log(x)
  m = "gg"
  x = m
  console.log(m)
  console.log(x)

Variables

1m	1"hola"
2x	2"adios"

Expresiones

Consola

Explicación

Se define y crea la variable x en la memoria de la computadora con el valor "adios".

3. `console.log(m)`

Código

1let m = "hola"
2let x = "adios"
3console.log(m)
  console.log(x)
  m = "gg"
  x = m
  console.log(m)
  console.log(x)

Variables

1m	1"hola"
2x	2"adios"

Expresiones

3m → "hola"

Consola

3hola

Explicación

Muestra en consola el valor sin comillas de la variable m que es hola.

4. `console.log(x)`

Código

1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
  m = "gg"
  x = m
  console.log(m)
  console.log(x)

Variables

1m	1"hola"
2x	2"adios"

Expresiones

3m → "hola"

4x → "adios"

Consola

3hola
4adios

Explicación

Muestra en consola el valor sin comillas de la variable x que es adios.

5. `m = "gg"`

Código

1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
  x = m
  console.log(m)
  console.log(x)

Variables

1m	1~~"hola"~~ 5"gg"
2x	2"adios"

Expresiones

3m → "hola"

4x → "adios"

Consola

3hola
4adios

Explicación

Asigna a la variable m el nuevo valor "gg". El valor anterior se descarta.

6. `x = m`

Código

1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
6x = m
  console.log(m)
  console.log(x)

Variables

1m	1~~"hola"~~ 5"gg"
2x	2~~"adios"~~ 6"gg"

Expresiones

3m → "hola"

4x → "adios"

6x = m
  x = "gg"

Consola

3hola
4adios

Explicación

Asigna a la variable x el valor de la variable m, que es "gg". El valor anterior se descarta.

7. `console.log(m)`

Código

1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
6x = m
7console.log(m)
  console.log(x)

Variables

1m	1~~"hola"~~ 5"gg"
2x	2~~"adios"~~ 6"gg"

Expresiones

3m → "hola"

4x → "adios"

6x = m
  x = "gg"

7m → "gg"

Consola

3hola
4adios
7gg

Explicación

Muestra en consola el valor sin comillas de la variable m que es gg.

8. `console.log(m)`

Código

1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
6x = m
7console.log(m)
8console.log(x)

Variables

1m	1~~"hola"~~ 5"gg"
2x	2~~"adios"~~ 6"gg"

Expresiones

3m → "hola"

4x → "adios"

6x = m
  x = "gg"

7m → "gg"

8x → "gg"

Consola

3hola
4adios
7gg
8gg

Explicación

Muestra en consola el valor sin comillas de la variable x que es gg.
Como no hay más instrucciones, termina la ejecución del programa.

9. Depura con JavaScript Tutor

Depura el código en JavaScript Tutor.

E. Textos y Variables

El texto de una cadena es fijo. Si en su interior aparece el nombre de una variable, no se modifica. Observa el siguiente ejemplo:

Ejemplo

let a = "hola"

console.log("a")

Salida

F. Constante

Es similar a una variable, pero su valor no puede cambiar una vez asignado.
Normalmente el nombre se escribe en mayúsculas, usando guión bajo (_) para separar palabras.
Se declaran con const.

Ejemplo

const PI_REDONDEADO = 3.14

console.log(PI_REDONDEADO)

console.log("PI_REDONDEADO")

PI_REDONDEADO = 9

console.log(PI_REDONDEADO);

Salida

3.14
PI_REDONDEADO

TypeError: Assignment to constant variable.

Revísalo en JavaScript Tutor.

G. Variables duplicadas

Las variables o constantes declaradas en el mismo espacio no pueden tener el mismo nombre.

Ejemplo

let a = "Q1"

document.write(a)

const a = "Q2"

console.log(a)

Salida

SyntaxError: Identifier 'a' has already been declared

Ejecútalo en https://gilpgnod.github.io.

H. Variables no encontradas

Cuando tratas de usar una variable o una constante no definida, obtienes un mensaje de error y se aborta la ejecución del programa.

Ejemplo

let b = "BB"

console.log(B)

Salida

ReferenceError: B is not defined

Ejecútalo en https://gilpgnod.github.io.

I. La función `question`

Sirve para pedir datos.
JavaScript Tutor no permite programas que pidan datos.
El ejemplo que aparece después utiliza el sitio. https://gilpgnod.github.io/, que permite ejecutar y depurar programas que utilicen await question para pedir datos y await log para mostrar los datos cuando se trabaja de forma interactiva.
El ambiente Node.js, que sirve para desarrollar aplicaciones de consola, servidores web y programar dispositivos para IoT, puede usar la función await question, pero primero tienes que importarla de la librería readline y usarla de una forma un poco diferente a como trabajamos en este sitio.

Ejemplo

const nombre = await question("Nombre: ")

await log("Hola", nombre)

Revísalo en gilpgnod.

J. Proceso de información

El proceso de información es la manera en que normalmente se utilizan los datos en el software. Normalmente consta de 3 pasos que se ejecutan uno tras otro:

1. Adquisición de datos

Entrada de datos

Obtener los datos que se van a procesar.

2. Procesamiento de datos

Aplicar un mecanismo de transformación a los datos para obtener resultados, también conocidos como datos de salida.

3. Despliegue de resultados

Salida de datos

Mostrar los resultados obtenidos. En algunos casos los datos de salida se almacenan en dispositivos externos a una computadora.

K. Resumen

En esta lección se definieron los siguientes conceptos:
- identificador
- Variable
- Constante
- La función question
- Proceso de información

4. Variables

A. Identificador

Reglas que debe cumplir un identificador

Ejemplos

Camel case

B. Variable

Declaración

Ejemplo

Salida

C. Prueba de escritorio con una variable

Salida

1. let miNombre = "pp"

Código

Variables

Expresiones

Consola

Explicación

2. console.log(miNombre)

Código

Variables

Expresiones

Consola

Explicación

3. miNombre = "qk"

Código

Variables

Expresiones

Consola

Explicación

4. console.log(miNombre)

Código

Variables

Expresiones

Consola

Explicación

5. Depura con JavaScript Tutor

D. Prueba de escritorio con 2 variables

Salida

1. let m = "hola"

Código

Variables

Expresiones

Consola

Explicación

2. let x = "adios"

Código

Variables

Expresiones

Consola

Explicación

3. console.log(m)

Código

Variables

Expresiones

Consola

Explicación

4. console.log(x)

Código

Variables

Expresiones

Consola

Explicación

5. m = "gg"

Código

Variables

Expresiones

Consola

Explicación

6. x = m

Código

Variables

Expresiones

Consola

Explicación

7. console.log(m)

Código

Variables

Expresiones

Consola

Explicación

1. `let miNombre = "pp"`

2. `console.log(miNombre)`

3. `miNombre = "qk"`

4. `console.log(miNombre)`

1. `let m = "hola"`

2. `let x = "adios"`

3. `console.log(m)`

4. `console.log(x)`

5. `m = "gg"`

6. `x = m`

7. `console.log(m)`

8. `console.log(m)`

I. La función `question`