Una variable es un nombre dado a una ubicación de memoria. Es la unidad básica de almacenamiento en un programa.
Las variables también las podemos ver como un deposito donde se almacena un valor y esta constituida por un nombre, un tipo ya sea numérico, cadena de caracteres, Booleano, entre otros.
JavaScript puede almacenar los siguientes valores:
- Números: 5, 6.5, 7 etc.
- Valores Reales: 1.24, 2.90, 5.01, etc.
- Cadena de caracteres: "Hola Estrada Web Group" etc.
- Booleano o valores lógicos: verdadero o falso (true, false).
Además de los tipos de datos de datos anteriores, JavaScript también admite dos tipos de datos más, nulos y no definidos y un objeto de tipo de datos compuesto. Aprenderemos sobre estos tipos de datos a detalle en otros artículos.
Características de las variables en JavaScript
- El valor almacenado en una variable se puede cambiar durante la ejecución del programa.
- Una variable es solo un nombre dado a una ubicación de memoria, todas las operaciones realizadas en la variable afectan a esa ubicación de memoria.
- En JavaScript, todas las variables se deben declarar antes de poder utilizarlas.
Para declarar una variable en JavaScript, debemos usar la palabra clave var seguida del nombre de la variable y el punto y coma. A continuación, se muestra la sintaxis para crear variables en JavaScript:
var nombre_variable;
El nombre_variable es el nombre de la variable que debe ser definido por el usuario y debe ser único. Este tipo de nombres también se conocen como identificadores. Las reglas para crear un identificador en JavaScript son, el nombre del identificador no debe ser una palabra clave predefinida de JavaScript, el primer carácter debe ser una letra, un guion bajo (_) o un signo de dólar ($). Los caracteres subsiguientes pueden ser cualquier letra o dígito o un guion bajo o un signo de dólar.
Podemos inicializar las variables en el momento de la declaración o también más adelante cuando queremos usarlas. A continuación, se muestran algunos ejemplos de declaración e inicialización de variables en JavaScript:
// declarando una sola variable
var cursoGratis;
// declarando múltiples variables
var cursoGratis, tipo, descripcion;
// Inicializando variables
var cursoGratis = "JavaScipt";
name = "Curso gratis de JavaScript";
JavaScript también se conoce como lenguaje sin tipo. Esto significa que, una vez que se crea una variable en JavaScript con la palabra clave var, podemos almacenar cualquier tipo de valor. A continuación, se muestra el ejemplo para esto:
// Variable para almacenar un número
var num = 5;
// Cambiamos el valor de la variable num de un número por una cadena
num = "estradawebgroup.com";
El ejemplo anterior se ejecuta bien sin ningún error en JavaScript a diferencia de otros lenguajes de programación.
Alcance o ámbito de las variables en JavaScript
El alcance de una variable es desde donde esta puede ser directamente accesible.
En JavaScript, hay dos tipos de ámbitos:
- Ámbito global: ámbito fuera de las funciones y se puede llamar desde cualquier función o parte del programa.
- Ámbito local: dentro de la función que se está ejecutando.
Veamos el código de abajo. Tenemos una variable global definida en la primera línea que representa una variable de ámbito global. Luego tenemos una variable local definida dentro de la funcion cursoJavascript ().
<script type = "text/javascript">
var variableGlobal = "Esta es una variable global";
function cursoJavascript () {
var variableLocal = "Esta es una variable local";
console.log(variableGlobal);
console.log(variableLocal);
}
cursoJavascript();
< /script>
Resultado:
Esta es una variable global
Esta es una variable local
Cuando ejecutamos la función cursoJavascript(), la salida muestra que tanto las variables globales como las locales son accesibles dentro de la función. Esto muestra que dentro de la función tenemos acceso tanto a las variables globales (declaradas fuera de la función) como a las variables locales (declaradas dentro de la función). Vamos a mover las declaraciones de console.log fuera de la función y colocarlas justo después de llamar a la función.
<script type = "text/javascript">
var variableGlobal = "Esta es una variable global";
function cursoJavascript () {
var variableLocal = "Esta es una variable local";
}
console.log(variableGlobal);
console.log(variableLocal);
< /script>
Resultado:
Esta es una variable global
Uncaught reference error: variableLocal is not defined
Todavía podemos ver el valor de la variable global, pero para la variable local console.log produce un error. Esto se debe a que ahora las sentencias console.log están presentes en el ámbito global, donde tienen acceso a las variables globales, pero no pueden acceder a las variables locales.
