JavaScript Variables

❮ Prev Next ❯

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:

Ejemplo

var x = 5;
var y = 6;
var z = x + y;

Try it Yourself »

En este ejemplo, x, y y z, son variables, declaradas con la palabra clave let:

Ejemplo

let x = 5;
let y = 6;
let z = x + y;

Try it Yourself »

En este ejemplo, x, y y z, son variables no declaradas:

Ejemplo

x = 5;
y = 6;
z = x + y;

Try it Yourself »

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:

Ejemplo

const price1 = 5;
const price2 = 6;
let total = price1 + price2;

Try it Yourself »

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.

Ejemplo

const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';

Try it Yourself »

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:

Ejemplo

let person = "John Doe", carName = "Volvo", price = 200;

Try it Yourself »

Una declaración puede abarcar varias líneas:

Ejemplo

let person = "John Doe",
carName = "Volvo",
price = 200;

Try it Yourself »

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:

Ejemplo

let carName;

Try it Yourself »

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:

Ejemplo

var carName = "Volvo";
var carName;

Try it Yourself »

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 +:

Ejemplo

let x = 5 + 2 + 3;

Try it Yourself »

También puedes agregar cadenas, pero las cadenas estarán concatenadas:

Ejemplo

let x = "John" + " " + "Doe";

Try it Yourself »

Prueba también esto:

Ejemplo

let x = "5" + 2 + 3;

Try it Yourself »

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:

Ejemplo

let x = 2 + 3 + "5";

Try it Yourself »

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:

Ejemplo

let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;

Try it Yourself »

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:

Ejemplo

let _lastName = "Johnson";
let _x = 2;
let _100 = 5;

Try it Yourself »

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)".