Módulo JS y Git

Sesión 5
 VARIABLES
Como concepto formal, es un
símbolo usado para reemplazar
diferentes valores que pueden
cambiar.

En programación son utilizados

continuamente, las variables nos
permiten almacenar resultados,
modificarlos y usarlos en distintas
operaciones.
 NOMBRANDO VARIABLES
Podemos ver a las variables como
contenedores en las cuales almacenamos
cierta información, dicha información es
llamada valor de la variable.

Se aconseja que el nombre asignado a

la variable tenga relación con su contenido.

En JS los nombres de variables pueden

consistir de cualquier secuencia de letras,
números, guiones bajos y signos de dólar,
pero no iniciar con un número.
 RESTRICCIONES
Los nombres de variables nos dan
bastante libertad al momento de elegirlos;
Pero hay un conjunto de palabras
reservadas que no pueden ser usadas
como nombre de variable, ya que estas
forman parte del lenguaje y ya tienen un
significado asignado que no se puede
cambiar.

JS logra diferenciar entre mayúsculas y

minúsculas, debido a esto, nombre,
Nombre, NOMBRE serán tratadas como
diferentes variables.
 DECLARANDO VARIABLES Y
CONSTANTES
Primero debemos declarar una
variable para reservar su nombre y
modificarlo posteriormente.

Por otra parte podemos declarar

constantes, el contenido de estas no puede
cambiar.

Para la declaración usamos las palabras

clave var o let y const para las constantes.
 DECLARANDO VARIABLES Y
CONSTANTES
La línea de la declaración debe
terminar con “;”, en las siguientes líneas
tratamos de mostrar el valor de la variable
en pantalla, para altura, no hay un valor
definido y peso produce un error, porque
no hay una variable declarada con ese
nombre.
 DECLARANDO VARIABLES Y
CONSTANTES
Tanto var como let son utilizadas para declarar variables, pero no son exactamente lo mismo.

var viene de la sintaxis original de JS, let apareció mucho después, debido a esto si revisamos
código antiguo veremos más el uso de var.

Una diferencia es que let previene declarar variables con un mismo nombre, var nos lo permite,
lo cual podría provocar errores.

Undefined significa que el intérprete conoce que la variable existe, pero no tiene un valor
definido.
 INICIALIZANDO VARIABLES
Luego de declarar una variable, ésta debe
ser inicializada, es decir, darle un primer
valor.

Esto lo logramos al asignarle un valor a la

variable, para esto usaremos el operador =

Una variable permite almacenar: un valor

específico, el contenido de otra variable, el
resultado devuelto por una función.

Podemos declarar e inicializar una

variable en una misma instrucción o por
separado.
 MODO ESTRICTO
En versiones anteriores de JS era
permitido inicializar una variable sin
previamente declararla, el intérprete
realizaba la declaración por nosotros, esto
podría causar ambigüedades y posibles
errores.

Podemos cambiar este

comportamiento al usar “use strict”, con
esto forzamos al intérprete a usar los
estándares modernos de JS, si estamos
trabajando con código moderno, es
recomendable utilizarlo siempre.
 CAMBIAR VALOR DE LAS VARIABLES
Las variables pueden almacenar datos
que pueden cambiar, los cambios se hacen
cuando asignamos un nuevo valor a la
variable, esto causa que el valor anterior se
sobre escriba.

En JS las variables no manejan un tipo

(débilmente tipado o tipado dinámico), JS
no controla qué tipo de valor se almacena
en una variable.
 TIPADO
La variable saludo está siendo
inicializada con un valor del tipo string o
cadena de texto y la variable contador con
uno del tipo number.

JS nos permite reemplazar el

contenido de la variable saludo con otro de
un tipo diferente.

En el ejemplo JS realiza la conversión

del número 25 (contador) a la cadena “25”
para poder realizar la operación saludo =
saludo + contador;
 CONSTANTES
La palabra clave const es usada para declarar contenedores similares a una
variable, dichos contenedores pueden almacenar ciertos valores, pero una vez
inicializado, no podrá cambiar.

Debido a esto, cuando trabajamos con constantes debemos declararla e

inicializarla en una misma instrucción.
 ALCANCE

El alcance de una variable (donde

puedo usar esta variable) depende de
donde fue declarada.

Uno de los elementos básicos que

afectan el alcance son los bloques de
código.
 BLOQUES DE CÓDIGO

Podemos separar el código de un

programa en bloques, para esto podemos
usar llaves ({ }) para indicar el principio y
el fin del bloque, dentro de estas
colocamos un conjunto de instrucciones
que por alguna razón se trataran de forma
independiente.
 BLOQUES DE CÓDIGO cont.

Podemos anidar bloques de código,

es decir colocar un bloque de código
dentro de otro.

Para que el código sea más fácil de

leer, aplicamos indentación o sangrado,
de esta forma es fácil identificar qué
instrucciones estan dentro o fuera de un
bloque de código.
 ALCANCE DE let Y const
Si declaramos cualquier variable o constante usando let o const, fuera de algún
bloque de código, estas serán globales, es decir que las podremos usar (hacer
referencia por medio del nombre) en cualquier parte del programa.

Si se declaran dentro de un bloque de código, tendrán un alcance local y serán

visibles sólo dentro de ese bloque de codigo asi como los bloques anidados dentro de
este.
 ALCANCE DE let Y const

En este ejemplo podemos verificar el

alcance de let y const en bloques de código
anidado.
 ALCANCE DE var

La variable declarada con var dentro

de un bloque de código tendrá un alcance
global.

var ignora los bloques de código, el

único lugar donde podemos declarar una
variable local con var será dentro de una
función.
 FUNCIONES

Una función es una pieza de código

que nombramos y por medio de este
nombre podemos reutilizar el código
definido dentro de la función.
 var Y FUNCIONES

Si declaramos una variable usando la

palabra reservada var dentro de una
función, su alcance se limitará solo al
interior de esa función (alcance local). El
nombre de esa variable será reconocido
solamente dentro de esta función.
 OCULTAMIENTO DE VARIABLES
El ocultamiento de variables se da
cuando tenemos una variable local y una
global con el mismo nombre.

Dentro del ámbito local, la variable

local ocultara a la variable global del
mismo nombre. Cuando usemos ese
nombre fuera del ámbito local, haremos
referencia a la variable global.

En lo posible, se aconseja evitar

asignar el mismo nombre a múltiples
variables.
 HOISTING DE VARIABLES

Este es un comportamiento de JS
que permite usar variables antes de que
se hayan declarado.

El intérprete de JS “alza” nuestras

declaraciones antes de la ejecución.
 TIPOS DE DATO

JS nos permite cambiar el tipo de la

data almacenada en una variable.

Diferenciar la información por su

tipo es importante, cada tipo de dato está
conectada con las operaciones que le
podemos aplicar.
 TIPOS DE DATO cont.

JS divide sus data types en primitivos o simples y complejos o

compuestos.

Dentro de los primitivos:

● números
● cadenas de caracteres

Complejos:
● arreglos
● objetos
 EL OPERADOR typeof

Un operador es un símbolo o
nombre que representa alguna acción que
se ejecutará sobre los argumentos
indicados.

El operador typeof es unario(toma

un argumento) y nos informa el tipo de
dato de dicho argumento, el argumento
puede ser una literal o una variable.