Table of contents
- Las variables son contenedores para almacenar datos.
- ¿Cuándo utilizar var, let o const?
- Como en el álgebra
- Identificadores JavaScript
- El operador de asignación
- Tipos de datos JavaScript
- Declarar una variable JavaScript
- Una declaración, muchas variables
- Valor = indefinido
- Volver a declarar variables JavaScript
- Nota
- Aritmética de JavaScript
- Nota
- Signo de dólar JavaScript $
- Subrayado de JavaScript (_)
Las variables son contenedores para almacenar datos.
Las variables de JavaScript se pueden declarar de 4 formas:
Automáticamente
Usando
varUsando
letUsando
const
En este primer ejemplo, x, y y z son variables no declaradas.
Se declaran automáticamente cuando se utilizan por primera vez:
Ejemplo:
x = 5;
y = 6;
z = x + y;
Nota
Se considera una buena práctica de programación declarar siempre las variables antes de su uso.
De los ejemplos puedes adivinar:
xalmacena el valor 5yalmacena el valor 6zalmacena el valor 11
Ejemplo:
var x = 5;
var y = 6;
var z = x + y;
Nota
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.
La palabra clave var sólo debe usarse en código escrito para navegadores más antiguos.
Ejemplo:
Usando let:
let x = 5;
let y = 6;
let z = x + y;
Ejemplo:
Usando const:
const x = 5;
const y = 6;
const z = x + y;
Ejemplo:
Usando una mezcla de const y let:
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Las dos variables price1 y price2 se declaran con la palabra clave const.
Estos son valores constantes y no se pueden cambiar.
La variable total se declara con la palabra clave let.
El valor de la variable total puede cambiar.
¿Cuándo utilizar var, let o const?
Declarar siempre variables.
Utilice siempre
constsi el valor no cambiará.Utilice siempre
constsi no debe cambiar el tipo (matrices y objetos).Solo usa
letsi no puedes usarconst.Utilice
varúnicamente si DEBES admitir navegadores antiguos.
Como en 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.
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 y y) o nombres más descriptivos (edad, suma, volumenTotal).
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
$_(pero no lo usaremos en este tutorial).Los nombres distinguen entre mayúsculas y minúsculas (
yyYson 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" se escribe así
==en JavaScript.
Tipos de datos 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, sólo 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.
Ejemplo:
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
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;
O
let carName;
Después de la declaración, la variable no tiene valor (técnicamente no está definida).
Para asignar un valor a la variable, use 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":
<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
Puedes declarar muchas variables en una sola declaración.
Comience la declaración con let y separe las variables por coma:
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 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:
Ejemplo:
let carName;
Volver a declarar variables 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.
Ejemplo:
var carName = "Volvo";
var carName;
Nota
No puedes volver a declarar una variable declarada con let o const.
Esto no funcionará:
let carName = "Volvo";
let carName;
Aritmética de JavaScript
Al igual que con el álgebra, puedes hacer aritmética con variables de JavaScript, usando operadores como = y +:
Ejemplo:
let x = 5 + 2 + 3;
También puedes agregar cadenas, pero las cadenas estarán concatenadas:
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;
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".
Subrayado de 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;
El uso del guión bajo no es muy común en JavaScript, pero una convención entre los programadores profesionales es usarlo como alias para variables "privadas (ocultas)".
Traducido con 💚 desde W3Schools.com