Detalles que debemos recordar al Trabajar con Variables en Javascript

3 minuto(s)

En Javascript el uso de variables es algo fundamental para las tareas de Programación diferentes tareas que podemos llevar a cabo durante el desarrollo de nuestro proyecto, vamos a ver diferentes maneras en que podemos trabajar con variables, como funcionan y mostraremos el uso correcto dentro de Javascript, vamos con el artículo.

En Javascript las variables se usan como contenedores de datos de diferentes tipos de valores como datos de Texto o Números


var postre = 'Torta de Chocolate';
var numero = 12;

var postre = 'Torta de Chocolate';

var numero = 12;

Para escribir o declarar una variable puedes hacerlo de con o sin la palabra var


var a = 5;
b = 5; // Sin la palabra 'var'

var suma = a + b;

// Obtenemos
10

var a = 5;

b = 5; // Sin la palabra 'var'

var suma = a + b;

// Obtenemos

Durante el proceso de escritura de código hay situaciones en donde podemos crear variables con tipos de datos especiales como objetos que en su interior se encuentran varios datos determinados


var objetos = {
  nombrepostre:"Gelatina de Fresa",
  lastName:"Doe"
};

var objetos = {

nombrepostre:"Gelatina de Fresa",

lastName:"Doe"

};

Si quieres agregar espacios dentro de los datos de una variable puedes usar Strings, por ejemplo


var postre = "Gelatina" + " " + "de" + " " + "Fresa";

// Obtenemos
Gelatina de Fresa

var postre = "Gelatina" + " " + "de" + " " + "Fresa";

// Obtenemos

Gelatina de Fresa

Hay que tener cuidado cuando unimos los datos dentro de una variable, por ejemplo si escribes un valor numérico junto con un Texto (String) no tendría sentido


var elementos = 14 + "Naranjas";

//Obtenemos
14Naranjas

var elementos = 14 + "Naranjas";

//Obtenemos

14Naranjas

Puedes ver que obtenemos en pantalla el número de naranjas junto al texto Naranjas de manera incorrecta, los elementos no deberían estar juntos, sencillamente debemos de escribir los datos de la siguiente manera, tratar los 2 elementos como String


var elementos = "14 Naranjas";

// Obtenemos
14 Naranjas

var elementos = "14 Naranjas";

// Obtenemos

14 Naranjas

Seria más útil combinar variables dinámicas en donde unimos la suma de 2 datos numéricos, agregamos un espacio y colocamos un texto o string


var naranjas = 8;
var manzanas = 10;

var frutas = naranjas + manzanas + " " + "Frutas";

// Obtenemos
18 Frutas

var naranjas = 8;

var manzanas = 10;

var frutas = naranjas + manzanas + " " + "Frutas";

// Obtenemos

18 Frutas

El nombre de una variable en Javascript debe ser única, si existe más de una variable con el mismo nombre nos puede arrojar error


var a = 7;
var a = 10;
var a = "Fresas";

// Obtenemos
Fresas

var a = 7;

var a = 10;

var a = "Fresas";

// Obtenemos

Fresas

Javascript nos imprime el valor de la última variable a pero omite las 2 primeras variables a

O si queremos imprimir la suma de dos variables con datos numéricos, se produce un error en el calculo (este calculo lo realizamos en la Consola de Google Chrome Developers)


var a = 7;
var a = 10;
var suma = a + a;

//Obtenemos
20

var a = 7;

var a = 10;

var suma = a + a;

//Obtenemos

También puedes colocar otras variables dentro de una variable, cada variable debe estar separa por comas, por ejemplo


var frutas = "Manzana", naj = "Naranja", fresas = 36;

var frutas = "Manzana", naj = "Naranja", fresas = 36;

Puedes colocar otros tipos de datos dentro de una variable


// Decimales
var a = 3.14;

// Booleanos 
var a = true
var b = false

// Matrices o Arrays
var frutas = ["Manzana", "Fresa", "Uva"];

// Vacio
var a = "";

// Nulo
var a = null;

// Decimales

var a = 3.14;

// Booleanos

var a = true

var b = false

// Matrices o Arrays

var frutas = ["Manzana", "Fresa", "Uva"];

// Vacio

var a = "";

// Nulo

var a = null;

Reglas de Nombres de Variables en Javascript

Ya que las variables de Javascript contiene nombres únicos, estos nombres únicos los podemos llamar identificadores, debes considerar los siguientes detalles cuando le asignas el nombre a una variable:

No puedes usar palabras reservadas de Javascript como nombre para una variable (Te recomendamos leer nuestro artículo Palabras reservadas que No Puedes usar en Javascript)
En los nombres de una variable se distinguen Mayúsculas y minúsculas, por ejemplo Gelatina y gelatina son variables diferentes
Cada nombre de una variable debe de empezar con una letra
El nombre de una variable puede contener letras al inicio y luego puedes agregarle números, guiones bajos y signo de dólar
Puedes usar los caracteres $ y _ al empezar el nombre de una variable


var $a = 7;
var _b = 10;
var suma = $a + _b;

// Obtenemos
17

var $a = 7;

var _b = 10;

var suma = $a + _b;

// Obtenemos

Conclusión

Cada ves trabajes con Javascript puedes leer el artículo para que despejes dudas que aparecen mientras escribes código, de esta manera evitaras retrasos y despejarás dudas rápidamente.

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.