JavaScript .- Variables

 

¿Qué es una variable? 

En el capitulo anterior hablamos ya un poco de este tema,  tratemos de explicarlo un poco mejor.

-Las variables son palabras que escribimos (que representan memoria en el sistema) , para guardar algún tipo de información (texto , datos , etc).

Buscando una analogía en la vida real , las variables representan una caja donde podemos guardar cosas para después utilizarlas.

Formas de escribir variables (Declararlas)

Tenemos 3 formas de declararlas , var , let y const.

vamos a ver un ejemplo relacionado con analogía sobre cajas.

imagen basada en el vector 

Ejemplo practico

crearemos 2 variables con un nombre que haga referencia a perros y esta almacenara su raza .

 

let perro_1 = "Bulldog";

let perro_2 = "Sin raza";

Ejemplo Grafico

imagen basada en ; vector , perro_1 y perro_2

Las variables las podemos y/o debemos nombrar dependiendo de nuestras necesidades .

otro ejemplo rápido seria.

let perro_mio = "Bulldog";

let perro_calle = "Sin raza";

Recordemos que las variables no solo pueden almacenar cadenas de texto si no también números.

por ejemplo.

let perro_caja1 = 3 ;

let perro_caja2 = 2 ;

y podemos sumas estas 2 variables y guardar esa suma en una nueva variables .

let perros_caja1 = 3 ;

let perros_caja2 = 2 ;

let perros_totales = perros_caja1 + perros_caja2;

Ejemplo grafico

Los operadores + - * / y de mas , se explicaran en el siguiente capitulo, lo que queremos que te quede claro es la posibilidad de guardar variables dentro de otras variables (cajas dentro de otras cajas.)

Identificadores y sus reglas

Repasemos un poco este tema los identificadores son los nombres que le ponemos a las variables y si bien podemos nombrarlas como queramos tenemos que seguir unas simples reglas.

• Los nombres pueden contener letras, dígitos, guiones bajos y signos de dólar.
• Los nombres deben comenzar con una letra
• Los nombres también pueden comenzar con $ y _ (pero no los usaremos en este tutorial)
• Los nombres distinguen entre mayúsculas y minúsculas (y e Y son variables diferentes)
• Las palabras reservadas (como las palabras clave de JavaScript) no se pueden utilizar como nombres

por ejemplo.

Declarar una variable y luego nombrarla

Un uso muy común es este , escribimos let,var o const le asignamos un nombre, pero la dejamos sin valor , para asignárselo después,

Ejemplo Código JavaScript 

let perro_mio ;

perro_mio = "Bulldog";

Declarar varias variables

podemos declarar varias variables seguidas separándolas por coma , por ejemplo.

let perro_mio = "bulldog" , perro_vecino = "callejero"

recordemos que JavaScript no toma en cuenta los saltos de linea , nuestro código podría escribirse así.

let perro_mio = "bulldog" ,

 perro_vecino = "callejero",

 perro_amigo = "San bernardo"

Ahora escribamos varias variables , y les asignamos valor después.

let perro_mio,perro_vecino,perro_amigo;

 perro_mio = "bulldog" ,

 perro_vecino = "callejero",

 perro_amigo = "San bernardo";

Conclusión;

en esta ocasión entramos mas a profundidad en las variables , te recomendamos practicar muchísimo la forma de nombrarlas y visualizarlas , te dejaremos un articulo de ejercicios , es un tema muy simple y sencillo pero demasiado importante , dedícale tiempo a dominarlo de pies a cabeza.

despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.

JavaScript .- Sintaxis

Sintaxis son las reglas que hay que seguir dentro del lenguaje .

Valores Literales o Fijos.

-Los números se pueden escribir con o sin decimales , por ejemplo;

num = 3 ;

num2 = 3.141681 ;

-Al escribir cadenas de texto podemos hacerlo con Comillas dobles "" o simples ' ' por ejemplo

texto = "Soy texto" ;

texto2 = 'Soy texto';

Valores variables 

Estas las utilizamos para guardar algunos valores y que después podemos cambiar

-Para declarar estas Variables utilizamos palabras reservada como var , let o const.

-Después escribimos el nombre que quisiéramos ponerle respetando algunas reglas; 

1) La primer palabra .- debe ser una letra un guion bajo _ o un signo dolar $ , nose permite nombrar a una variable con un numero al inicio.

2) Después de la 1er palabra puede tener numeros , letras , guiones bajos _ , o el signo dólar $

Importante ; no confundir el nombre de la variable con su valor, tranquilo , mediante la practica esto va quedando muy claro poco a poco

-Para darles algún valor utilizamos el signo igual = 

-le damos algún valor cadena texto o numero , que son los que hemos estudiado

-Cerramos nuestra instrucción con punto y coma ;

Ejemplo

Vamos a escribir 6 ejecuciones distintas ,para igualar una palabra y darle un valor texto o uno numérico

let NombredeVarible = 'nuestro texto';

var _NombredeVarible = 'nuestro texto';

const $NombredeVarible = 'nuestro texto';

let _GuardarNumero = 1;

var $GuardarNumero2 = 2;

const GuardarNumero3 = 3;

Entraremos mas a detalle en las diferencias entre let , const y var mas adelante.

Operadores Aritméticos

para hacer cálculos podemos usar de forma básica + - * / , y podemos guardar estos valores en las variables.

Ejemplo

3 + 2

3 - 2

3 * 2

2 / 1

Palabras Reservadas

hay palabras dentro del lenguaje especiales para producir acciones predeterminadas , y utilizar estas palabras mas haya de su función a la hora de programar puede provocar errores o confusión al navegador.  

Ejemplo

let ,var, const , se utilizan para construir variables y a estas variables les otorgamos un nombre.

No podemos llamar a una variable con una palabra reservada.

let var = "Esto no funcionara"

var let = "Esto nos causara errores"

let const = "no podemos nombrar con una palabra reservada"

Esto no se ejecutara de buena forma , y aunque lo iremos viendo mas a fondo adelante , toma en cuenta esto ; hay palabras reservadas a las cuales debemos tener cuidado y solo usar para la función exclusiva que fueron creadas.

Comentarios JavaScript

Un comentario es un texto que escribimos pero que no se ejecutara , esto nos sirve para dejar algunas aclaraciones sobre nuestro cogido.

Estos serán comentarios al escribirse después de // en la misma linea o al escribirse entre /*texto */  

Ejemplo

//Este texto se ejecutara en un cuadro de dialogo

alert("Hola"); 

//Este texto se ejecutara en consola

console.log("Hola");

//Este texto no se visualizara en el navegador

/* Comentario

de mas de 1 linea */

JavaScript distingue entre mayúsculas y minúsculas

Cuando nombramos Variables , objetos , funciones , arrays etc (los últimos aun por ver mas adelante), y necesitamos llamarla o renombrarla , nos vemos en el caso de que hay una distinción entre mayúsculas por ejemplo ,estas variables son totalmente distintas, a pesar de que nosotros las leamos igual.

let Nombrevariable = "Texto"

let nombrevariable = "Esta es una variable distinta"

let nombreVariable = "Esta es una variable distinta"

let nombreVariablE = "Esta es una variable distinta"

Todas son variables distintas, tienen las mismas letras ,pero algunas están en mayúsculas y otras en minúsculas.

Conclusión

Aprendimos la sintaxis básica para empezar a trabajar , el como escribir números , texto , como declarar variables , comentarios y las formas de nombrar variables.

Despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

Te dejamos algunas imágenes que puedes guardar como apuntes de estudio