-
Aquí tengo a mi buen amigo Winston para ayudarnos con esto.
-
¡Y sé que ya se ve imposiblemente impresionante! pero creo que quiero cambiar el tamaño de sus ojos sólo un poco.
-
Aquí es donde dibujé sus ojos, puedes ver que establecimos el color de relleno y luego pusimos dos elipses.
-
Y si quiero hacer esta elipse mas pequeña, puedo cambiar el ancho, pero también quiero que sea redonda
-
así que cambiaremos el alto para que sean iguales
-
y queremos que los ojos sean del mismo tamaño, debemos cambiar el ancho y la altura de este ojo.
-
Bueno, ahora que sus ojos son muy pequeños, debo regresarlos a su tamaño original, ¿no sería genial si pudiera
-
cambiar sólo un número y que cambien ambos ojos?
-
Y aquí es donde entran las variables.
-
Una variable es como un nombre o un identificador para algo.
-
Me gusta pensar en una variable como una gran cubeta con un nombre en ella.
-
Puedes poner lo que quieras en la cubeta, pero el nombre permanece igual.
-
Llamamos a lo que hay dentro de la cubeta el valor de la variable.
-
Así que empecemos haciendo una variable, voy a hacerlo aquí arriba.
-
Lo que haces es escribir "var" que significa variable, espacio y el nombre de la variable,
-
que describirá lo que contiene la misma, llamemos a ésta, "eyeSize" (tamañoDeOjo)
-
Puedes nombrarla como quieras, pero no está permitido tener espacios entre palabras.
-
Y, por supuesto, ¡no olvides el punto y coma!
-
Y ya hice una variable, llamada eyeSize (tamañoDeOjo), porque va a contener el tamaño de los ojos de Winston,
-
pero hasta el momento esta variable no tiene un valor.
-
Para darle uno, escribimos eyeSize y luego un signo de igual y después 20 y punto y coma.
-
Bien, ¿ves el signo de igual? Olvida lo que tu maestro de matemáticas te enseñó sobre él
-
el signo de igual no significa igualdad, significa asignación.
-
Esto significa que estamos asignando el valor 20 a la variable eyeSize.
-
En otras palabras, estamos poniendo el número 20 en la cubeta llamada eyeSize.
-
¿Y recuerdas cómo en clase de matemáticas puedes decir cosas como que x = 3 y 3 = x significan lo mismo?
-
porque, daah, son iguales.
-
Bueno, no puedes hacer eso aquí.
-
Lo que está a la izquierda del signo de igual siempre es la variable.
-
Y lo que está a la derecha del signo de igual es siempre el valor que le estás asignando a la variable.
-
Una buena forma de recordar cuál lado es cuál es, mientras escribes código o hablas de ello como lo hace cualquier programador "cool",
-
Si tecleas un signo de igual no digas "es igual a", di "contiene"
-
Entonces esto sería eyeSize contiene 20.
-
Y ahora, cada vez que use eyeSize en mi programa, la computadora dirá: "ah, sí, eso es una variable, sé que realmente significa 20".
-
Ahora mira, sólo voy a copiar esto.
-
Y luego reemplazar estos cuatro números con mi nueva variable eyeSize y ¡Voila!
-
Los ojos de Winston ahora son perfectamente redondos y del mismo tamaño y, si quiero cambiar el valor de ambos ojos
-
o su tamaño, sólo cambio el valor de esta única variable.
-
"aah, eso es tan cool"
-
Bien, algunas notas finales, aquí arriba hicimos una variable nueva llamada eyeSize.
-
Y aquí le dimos un valor de 33, en realidad podemos hacerlo todo en un paso
-
escribiendo var eyeSize, ese es el primer paso, contiene 33
-
ese es el segundo paso y si borro estas dos líneas, puedes ver que aún funciona todo.
-
También recuerda que la computadora lee tu código de arriba hacia abajo,
-
así que la única razón por la que supo lo que eyeSize era aquí abajo,
-
fue porque ya lo habíamos definido aquí arriba.
-
Si lo hubiese puesto aquí abajo,
-
al llegar a esta línea de código la computadora diría: "eyeSize, ¿qué rayos es eyeSize? No sé qué es"
-
De hecho, obtendríamos un error que dice: eyeSize no está definido.
-
Y tal vez estés pensando: sí la definí , aquí está.
-
Pero la computadora no es inteligente, no lo comprende.
-
Así que movámoslo de regreso hasta arriba.
-
Y siempre tienes que asegurarte que definas tus variables antes de intentar usarlas.
-
¡Y ahora ya sabes acerca de variables! ¡Yeeii!
