Variables JavaScript
4 formas de declarar una variable de JavaScript:
- Utilizando
var
- Utilizando
let
- Utilizando
const
- usando 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 var
palabra clave:
Ejemplo
var x = 5;
var y = 6;
var z = x + y;
En este ejemplo, x
, y
y z
, son variables declaradas con la let
palabra clave:
Ejemplo
let x = 5;
let y = 6;
let z = x + y;
En este ejemplo, x
, y
y z
, son variables no declaradas:
Ejemplo
x = 5;
y = 6;
z = x + y;
De todos los ejemplos anteriores, puedes adivinar:
- x almacena el valor 5
- y almacena el valor 6
- z almacena el valor 11
¿Cuándo usar JavaScript var?
Declare siempre las variables de JavaScript con var
, let
o const
.
La var
palabra clave se usa 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 usar JavaScript const?
Si quieres una regla general: declara siempre las variables con const
.
Si cree que el valor de la variable puede cambiar, use let
.
En este ejemplo, price1
, price2
y total
, son variables:
Ejemplo
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
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 let
palabra clave.
Este es un valor que se puede cambiar.
Al igual que el álgebra
Al igual que en álgebra, las variables tienen valores:
let x = 5;
let y = 6;
Al igual que en álgebra, las variables se usan en expresiones:
let z = x + y;
Del ejemplo anterior, puede adivinar que el total se calcula en 11.
Nota
Las variables son contenedores para almacenar valores.
Identificadores JavaScript
Todas las variables de JavaScript deben identificarse 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, volumen total).
Las reglas generales para construir nombres para 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 usar 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 pone el resultado en x. El valor de x se incrementa en 5).
Nota
El operador "igual a" se escribe como ==
en JavaScript.
Tipos de datos de JavaScript
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 simples o dobles. Los números se escriben sin comillas.
Si pone un número entre comillas, se tratará como una cadena de texto.
Ejemplo
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Declarar una variable de JavaScript
Crear una variable en JavaScript se llama "declarar" una variable.
Declaras una variable de JavaScript con var
o la let
palabra clave:
var carName;
o:
let carName;
Después de la declaración, la variable no tiene valor (técnicamente lo es undefined
).
Para asignar un valor a la variable, utilice el signo igual:
carName = "Volvo";
También puede asignar un valor a la variable cuando la declara:
let carName = "Volvo";
En el siguiente ejemplo, creamos una variable llamada carName
y le asignamos el valor "Volvo".
Luego, "damos salida" al 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>
Nota
Es una buena práctica de programación declarar todas las variables al comienzo de un script.
Una declaración, muchas variables
Puede declarar muchas variables en una declaración.
Comience la declaración con var
y separe las variables con comas :
Ejemplo
let person = "John Doe", carName = "Volvo", price = 200;
Una declaración puede abarcar varias líneas:
Ejemplo
let person = "John Doe",
carName = "Volvo",
price = 200;
Valor = indefinido
En los programas de computadora, las variables a menudo se declaran sin valor. El valor puede ser algo que debe calcularse o algo que se proporcionará más adelante, como una 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:
Ejemplo
let carName;
Redeclaración de variables de JavaScript
Si vuelve a declarar una variable de JavaScript declarada con var
, no perderá su valor.
La variable carName
seguirá teniendo el valor "Volvo" después de la ejecución de estas sentencias:
Ejemplo
var carName = "Volvo";
var carName;
Nota
No puede volver a declarar una variable declarada con let
o const
.
Esto no funcionará:
let carName = "Volvo";
let carName;
Aritmética JavaScript
Al igual que con el álgebra, puedes hacer operaciones aritméticas con variables de JavaScript, usando operadores como =
y +
:
Ejemplo
let x = 5 + 2 + 3;
También puede agregar cadenas, pero las cadenas se concatenarán:
Ejemplo
let x = "John" + " " + "Doe";
Prueba también esto:
Ejemplo
let x = "5" + 2 + 3;
Nota
Si pone un número entre comillas, el resto de los números se tratarán como cadenas y se concatenarán.
Ahora prueba esto:
Ejemplo
let x = 2 + 3 + "5";
Signo de dólar JavaScript $
Dado que JavaScript trata un signo de dólar como una letra, los identificadores que contienen $ son nombres de variables válidos:
Ejemplo
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Usar el signo de dólar no es muy común en JavaScript, pero los programadores profesionales a menudo lo usan como un alias para la función principal en una biblioteca de JavaScript.
En la biblioteca JavaScript jQuery, por ejemplo, la función principal
$
se usa para seleccionar elementos HTML. En jQuery $("p");
significa "seleccionar todos los elementos p".
Guión bajo JavaScript (_)
Dado que JavaScript trata el guión bajo como una letra, los identificadores que contienen _ son nombres de variables válidos:
Ejemplo
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Usar el guión bajo no es muy común en JavaScript, pero una convención entre los programadores profesionales es usarlo como un alias para las variables "privadas (ocultas)".