Introducción a las variables en JavaScript
Antes de comenzar con la variable JavaScript debemos saber qué significa realmente el término. En general, variable significa algo que se mantiene cambiando. En términos de programación, la variable no es más que la referencia a la memoria en la que hemos almacenado algún valor. Tenemos tres formas diferentes de declarar la variable actualmente. Cada uno tiene su propia importancia para usar. Esos son los siguientes:
- var
- dejar
- const
Las tres anteriores son palabras clave en JavaScript. En general, tenemos que declarar una variable con la palabra clave var. Más adelante en ES2015 (EcmaScript 2015) se introdujeron dos nuevas palabras clave para declarar variables, es decir, let y const. Ambos tienen un alcance de bloque. Pero por ahora, nos vamos a concentrar en las var.
Sintaxis para variables en JavaScript
La variable javascript viene con el alcance. JavaSript tiene dos ámbitos de ámbito local y ámbito global. Más adelante en ES2015, introdujimos con alcance de bloque.
Concentrémonos en un alcance global y un alcance local. Cualquier variable declarada en la parte superior del código no es más que global para todos. Cualquiera puede acceder a ella. En el otro lado, la variable declarada dentro de cualquier función es local para esa función y no se puede acceder desde fuera de ese alcance.
Ejemplo 1
Código:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
Salida:
En el ejemplo anterior, el color variable es una variable global y el modelo variable es una variable local. El modelo variable es local a su alcance funcional. Y no es accesible desde el exterior. Si intentamos hacerlo, obtendremos un error. Vamos a ver.
Ejemplo # 2
Código:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);
Salida:
Sintaxis para la respectiva declaración
La siguiente sintaxis es para la declaración respectiva:
- Para var:
var variable_name; - Para let:
let variable_name; - Para const:
const variable_name;
Reglas para variables de Javascript
A continuación se muestra la regla para la variable javascript:
- El nombre de la variable Javascript debe comenzar con la letra. El rango es az y AZ.
- Puede comenzar con $ y _.
- Las variables de Javascript no deberían comenzar con un dígito.
- Podemos usar dígitos entre el nombre. ex: casa1
- JavaScript distingue entre mayúsculas y minúsculas. La variable declarada como precio y el precio son diferentes.
- Los nombres de variables de JavaScript no deben tener el nombre o las palabras clave. Ej: const variable; esto no está permitido ya que const es una palabra clave.
¿Cómo funcionan las variables en JavaScript?
Las variables de JavaScript están basadas en ámbitos. Primero, comprendamos qué es el alcance en JavaScript. JavaScript funciona en su entorno léxico. Algunas personas lo encuentran complicado, pero es sencillo:
- Comencemos con la declaración de la variable. Declarar variable no es más que escribir el nombre de la variable. En JavaScript, seguimos la regla para escribir var y después de escribir el nombre de la variable var. El punto y coma (;) es opcional en javascript. Pero es útil si das y se recomienda una forma de hacerlo. Dar punto y coma da la idea de que el enunciado ha terminado.
Código:
var price;
- En el ejemplo anterior, la palabra clave es var y el nombre de la variable es un identificador de precio. Si ha estudiado operadores en JavaScript, entonces sabe que hemos utilizado el operador de asignación (=) aquí. Cualquier nombre que le demos a la variable se conoce como un identificador en JavaScript.
- Cualquier valor dado en el lado derecho de la tarea se almacena en una variable que se encuentra en el lado izquierdo.
- Se recomienda usar letras minúsculas para las variables. Tenemos un caso de camellos para ello. Se usa un caso de camello inferior para las variables.
- Ahora lo suficiente sobre la declaración de JavaScript. Pasemos a la inicialización de esa variable.
- La inicialización de la variable es el proceso de asignar valor a esa variable. Ahora, surge la pregunta, ¿qué valor? ¿Tenemos tipos de datos en JavaScript? Y la respuesta es sí.
- JavaScript es lenguaje dinámico. Eso significa que no estamos declarando variables explícitamente con un tipo particular. El compilador de JavaScript en sí mismo coacciona el tipo de datos en particular.
- Tenemos tipos de datos de Número, Cadena, Booleano, Indefinido y Nulo en JavaScript.
- JavaScript tiene una convención para dar valor a todas las variables que no se inicializan. Y ese valor no está definido.
Código:
var price =10; //initializing variable with value of 10
- En el ejemplo anterior variamos lo que ya está inicializado. ¿Qué pasa si no le damos ningún valor a la variable? Probemos el siguiente código en la consola de JavaScript y veamos el resultado.
Código:
var price;
console.log (price); //printing value to the console
En JavaScript, estamos mostrando resultados en la consola con el método console.log como se muestra arriba.
Salida:
Recuerde que JavaScript es sensible a mayúsculas y minúsculas. Ahora, veamos si asignamos valor a la variable, entonces cuál será la salida.
Código:
var price =10; // initialized variable with the value 10
console.log(price);
Salida:
Las variables declarantes con la palabra clave var pertenecen a su alcance global de forma predeterminada. Podemos declarar muchas variables en la misma línea. Para eso, necesitamos separar cada variable con una coma (, ).
Además, la clave para anotar aquí es el valor de la variable que es numérico, no se debe dar entre comillas. Si da el número entre comillas, entonces JavaScript esto como una cadena.
Ejemplos en variables en JavaScript
A continuación se muestra un ejemplo de variables en javascript:
Ejemplo 1
JavaScript var puede almacenar datos independientemente de su tipo. Veamos un ejemplo sobre esto.
Código:
var color = "black"; >
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Salida:
Ejemplo # 2
Podemos declarar sobre todas las variables en la misma línea, mira el código a continuación.
Código:
var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Salida:
Simplemente separamos cada variable por coma y, al mismo tiempo, lo inicializamos.
Ejemplo # 3
Ahora, hemos visto declarar variables una vez. ¿Qué sucede si re-declaramos las variables? Mira el siguiente ejemplo.
Código:
var color = "black";
var color;
console.log("The color is: " + color);
Salida:
Incluso si estamos volviendo a declarar la variable llamada color aquí, no está perdiendo su valor. Nos da negro como salida.
Conclusión
JavaScript es un lenguaje interpretado y de naturaleza dinámica. Entonces comprender cómo funciona es muy importante. El alcance de la variable es un aspecto muy importante al aprender JavaScript.
Artículos recomendados
Esta es una guía de variables en JavaScript. Aquí discutimos en detalle el aprendizaje profundo en JavaScript variable con ejemplos de sintaxis y aspectos importantes. También puede consultar nuestros otros artículos relacionados para obtener más información:
- Declaraciones condicionales en JavaScript
- Variables en C #
- Variables en Java
- Objetos JavaScript