En esta lección se presenta el concepto de variable y sus características.
Nombre que tiene un elemento de un programa y que no se puede repetir en ciertas partes del código.
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.
_nombre
__nombre
Nombre24
_
$
n123k_$K
TaChido
serenoMoreno
$priv
$123
h54
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
.
Lugar en en la memoria de la computadora donde se almacena un dato que puede cambiar durante la ejecución de un programa.
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.
pp qk
pp qk
let miNombre = "pp"
1let miNombre = "pp"
console.log(miNombre)
miNombre = "qk"
console.log(miNombre)
1miNombre | 1"pp" |
---|
Se define y crea la variable
miNombre
en la memoria de la computadora con el valor
"pp"
.
console.log(miNombre)
1let miNombre = "pp"
2console.log(miNombre)
miNombre = "qk"
console.log(miNombre)
1miNombre | 1"pp" |
---|
2miNombre → "pp"
2pp
Muestra en consola el valor sin comillas de la variable
miNombre
que es
pp
.
miNombre = "qk"
1let miNombre = "pp"
2console.log(miNombre)
3miNombre = "qk"
console.log(miNombre)
1miNombre | 1 3"qk" |
---|
2miNombre → "pp"
2pp
Asigna a la variable miNombre el nuevo valor
"pp"
.
El valor anterior se descarta.
console.log(miNombre)
1let miNombre = "pp"
2console.log(miNombre)
3miNombre = "qk"
4console.log(miNombre)
1miNombre | 1 3"qk" |
---|
2miNombre → "pp"
miNombre → "qk"
2pp 4qk
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.
hola adios gg gg
let m = "hola"
1let m = "hola"
let x = "adios"
console.log(m)
console.log(x)
m = "gg"
x = m
console.log(m)
console.log(x)
1m | 1"hola" |
---|
Se define y crea la variable
m
en la memoria de la computadora con el valor
"hola"
.
let x = "adios"
1let m = "hola"
2let x = "adios"
console.log(m)
console.log(x)
m = "gg"
x = m
console.log(m)
console.log(x)
1m | 1"hola" |
---|---|
2x | 2"adios" |
Se define y crea la variable
x
en la memoria de la computadora con el valor
"adios"
.
console.log(m)
1let m = "hola"
2let x = "adios"
3console.log(m)
console.log(x)
m = "gg"
x = m
console.log(m)
console.log(x)
1m | 1"hola" |
---|---|
2x | 2"adios" |
3m → "hola"
3hola
Muestra en consola el valor sin comillas de la variable
m
que es
hola
.
console.log(x)
1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
m = "gg"
x = m
console.log(m)
console.log(x)
1m | 1"hola" |
---|---|
2x | 2"adios" |
3m → "hola"
4x → "adios"
3hola 4adios
Muestra en consola el valor sin comillas de la variable
x
que es
adios
.
m = "gg"
1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
x = m
console.log(m)
console.log(x)
1m |
1 5"gg" |
---|---|
2x | 2"adios" |
3m → "hola"
4x → "adios"
3hola 4adios
Asigna a la variable m el nuevo valor
"gg"
.
El valor anterior se descarta.
x = m
1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
6x = m
console.log(m)
console.log(x)
1m |
1 5"gg" |
---|---|
2x |
2 6"gg" |
3m → "hola"
4x → "adios"
6x = m
x = "gg"
3hola 4adios
Asigna a la variable
x
el valor de la variable
m,
que es
"gg"
.
El valor anterior se descarta.
console.log(m)
1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
6x = m
7console.log(m)
console.log(x)
1m |
1 5"gg" |
---|---|
2x |
2 6"gg" |
3m → "hola"
4x → "adios"
6x = m
x = "gg"
7m → "gg"
3hola 4adios 7gg
Muestra en consola el valor sin comillas de la variable
m
que es
gg
.
console.log(m)
1let m = "hola"
2let x = "adios"
3console.log(m)
4console.log(x)
5m = "gg"
6x = m
7console.log(m)
8console.log(x)
1m |
1 5"gg" |
---|---|
2x |
2 6"gg" |
3m → "hola"
4x → "adios"
6x = m
x = "gg"
7m → "gg"
8x → "gg"
3hola 4adios 7gg 8gg
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.
El texto de una cadena es fijo. Si en su interior aparece el nombre de una variable, no se modifica. Observa el siguiente ejemplo:
a
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
.
3.14 PI_REDONDEADO
TypeError: Assignment to constant variable.
Las variables o constantes declaradas en el mismo espacio no pueden tener el mismo nombre.
SyntaxError: Identifier 'a' has already been declared
Cuando tratas de usar una variable o una constante no definida, obtienes un mensaje de error y se aborta la ejecución del programa.
ReferenceError: B is not defined
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.
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:
Obtener los datos que se van a procesar.
Aplicar un mecanismo de transformación a los datos para obtener resultados, también conocidos como datos de salida.
Mostrar los resultados obtenidos. En algunos casos los datos de salida se almacenan en dispositivos externos a una computadora.
En esta lección se definieron los siguientes conceptos:
identificador
Variable
Constante
La función question
Proceso de información