JavaScript Variables
4 formas de declarar una variable de JavaScript:
- Usando
var - Usando
let - Usando
const - Sin usar nada
¿Qué son las variables ?
Las variables son contenedores para almacenar datos (almacenar valores de datos).
En este ejemplo, x, y y z, son variables, declaradas con la palabra clave var:
En este ejemplo, x, y y z, son variables, declaradas con la palabra clave let:
En este ejemplo, x, y y z, son variables no declaradas:
De todos los ejemplos anteriores, puedes adivinar:
- x tiendas valor 5
- y almacena valor 6
- z almacena el valor 11
¿Cuándo utilizar JavaScript var?
Declare siempre variables de JavaScript con var, let o const.
La palabra clave var se utilizó en todo el código JavaScript desde 1995 hasta 2015.
Las palabras clave let y const se agregaron a JavaScript en 2015.
Si desea que su código se ejecute en un navegador anterior, debe usar var.
¿Cuándo utilizar JavaScript constante?
Si quieres una regla general: declara siempre las variables con const.
Si cree que el valor de la variable puede cambiar, utilice let.
En este ejemplo, price1, price2 y total, son variables:
Las dos variables price1 y price2 se declaran con la const palabra clave.
Estos son valores constantes y no se pueden cambiar.
La variable total se declara con la palabra clave let.
Este es un valor que se puede cambiar.
Como el álgebra
Al igual que en álgebra, las variables contienen valores:
let x = 5;
let y = 6;
Al igual que en álgebra, las variables se utilizan en expresiones:
let z = x + y;
A partir del ejemplo anterior, puedes adivinar que el total calculado es 11.
Nota
Las variables son contenedores para almacenar valores.
JavaScript Identificadores
Todas las variables de JavaScript deben estar identificadas con nombres únicos.
Estos nombres únicos se denominan identificadores.
Los identificadores pueden ser nombres cortos (como x e y) o nombres más descriptivos (edad, suma, totalVolume).
Las reglas generales para construir nombres de variables (identificadores únicos) son:
- 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 lo 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
Nota
Los identificadores de JavaScript distinguen entre mayúsculas y minúsculas.
El operador de asignación
En JavaScript, el signo igual (=) es un operador de "asignación", no un operador "igual a".
Esto es diferente del álgebra. Lo siguiente no tiene sentido en álgebra:
x = x + 5
En JavaScript, sin embargo, tiene mucho sentido: asigna el valor de x + 5 a x.
(Calcula el valor de x + 5 y coloca el resultado en x. El valor de x se incrementa en 5).
Nota
El operador "igual a" está escrito como == en JavaScript.
JavaScript Tipos de datos
Las variables de JavaScript pueden contener números como 100 y valores de texto como "John Doe".
En programación, los valores de texto se denominan cadenas de texto.
JavaScript puede manejar muchos tipos de datos, pero por ahora, solo piense en números y cadenas.
Las cadenas se escriben entre comillas dobles o simples. Los números se escriben sin comillas.
Si pones un número entre comillas, será tratado como una cadena de texto.
Declarar una variable JavaScript
Crear una variable en JavaScript se llama "declarar" una variable.
Declaras una variable JavaScript con la palabra clave var o let:
var carName;
or:
let carName;
Después de la declaración, la variable no tiene valor (técnicamente es undefined (indefinido)).
Para asignar un valor a la variable, utilice el signo igual:
carName = "Volvo";
También puedes asignar un valor a la variable cuando la declaras:
let carName = "Volvo";
En el siguiente ejemplo, creamos una variable llamada carName y le asignamos el valor "Volvo".
Luego "generamos" el valor dentro de un párrafo HTML con id="demo":
Ejemplo
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Try it Yourself »
Nota
Es una buena práctica de programación declarar todas las variables al principio de un script.
Una declaración, muchas variables
Puedes declarar muchas variables en una sola declaración.
Inicie la declaración con let y separe las variables con una coma:
Una declaración puede abarcar varias líneas:
Valor = undefined
En los programas de computadora, las variables a menudo se declaran sin valor. El valor puede ser algo que deba calcularse o algo que se proporcionará más adelante, como la entrada del usuario.
Una variable declarada sin valor tendrá el valor undefined.
La variable carName tendrá el valor undefined después de la ejecución de esta declaración:
Volver a declarar variables de JavaScript
Si vuelves a declarar una variable JavaScript declarada con var, no perderá su valor.
La variable carName seguirá teniendo el valor "Volvo" después de la ejecución de estas declaraciones:
Nota
No puedes volver a declarar una variable declarada con let o const.
Esto no funcionará:
let carName = "Volvo";
let carName;
JavaScript Aritmética
Al igual que con el álgebra, puedes hacer aritmética con variables de JavaScript, usando operadores como = y +:
También puedes agregar cadenas, pero las cadenas estarán concatenadas:
Prueba también esto:
Nota
Si pones un número entre comillas, el resto de los números se tratarán como cadenas y se concatenarán.
Ahora prueba esto:
JavaScript Signo de dólar $
Dado que JavaScript trata un signo de dólar como una letra, los identificadores que contienen $ son nombres de variables válidos:
El uso del signo de dólar no es muy común en JavaScript, pero los programadores profesionales suelen utilizarlo como alias para la función principal en una biblioteca de JavaScript.
En la biblioteca JavaScript jQuery, por ejemplo, la función principal $ se utiliza para seleccionar elementos HTML. En jQuery $("p"); significa "seleccionar todos los p elementos".
JavaScript Subrayar (_)
Dado que JavaScript trata el guion bajo como una letra, los identificadores que contienen _ son nombres de variables válidos:
El uso del guion bajo no es muy común en JavaScript, pero una convención entre los programadores profesionales es usarlo como alias para variables "privadas (ocultas)".
