JavaScript Variables

• varvar: método de declaración de variables introducido en ES5, con ámbito de función.

• letlet: método de declaración de variables introducido en ES6, con ámbito de bloque.

• constconst: método de declaración de constantes introducido en ES6, con ámbito de bloque y valor inmutable.

Como en álgebra

x=5
y=6
z=x+y

En álgebra, usamos letras (como x) para almacenar valores (como 5).

Mediante la expresión anterior z=x+y, podemos calcular que el valor de z es 11.

En JavaScript, estas letras se llaman variables.

	Puedes considerar las variables como contenedores para almacenar datos.

Variables de JavaScript

Igual que en álgebra, las variables de JavaScript se pueden usar para almacenar valores (comox = 5) y expresiones (comoz = x + y）。

Las variables pueden usar nombres cortos (como x e y) o nombres más descriptivos (como age, sum, totalvolume).

• Las variables deben comenzar con una letra
• Las variables también pueden comenzar con los símbolos $ y _ (aunque no lo recomendamos)
• Los nombres de variables distinguen entre mayúsculas y minúsculas (y e Y son variables diferentes)

	Las declaraciones y las variables de JavaScript distinguen entre mayúsculas y minúsculas.

Tipos de datos de JavaScript

Las variables de JavaScript también pueden almacenar otros tipos de datos, como valores de texto (name="Bill Gates").

En JavaScript, un texto como "Bill Gates" se denomina cadena (string).

Las variables de JavaScript tienen muchos tipos, pero por ahora solo nos centraremos en números y cadenas.

Cuando asignes un valor de texto a una variable, debes encerrar el valor entre comillas dobles o simples.

Cuando el valor que asignas a una variable sea numérico, no uses comillas. Si encierras un valor numérico entre comillas, se tratará como texto.

Declarar (crear) variables de JavaScript

En JavaScript, crear una variable generalmente se llama "declarar" la variable.

Usamos la palabra clave var para declarar variables:

var carname;

Después de declarar la variable, esta está vacía (no tiene valor).

Para asignar un valor a la variable, usa el signo igual:

carname="Volvo";

Sin embargo, también puedes asignarle un valor al declarar la variable:

var carname="Volvo";

En el siguiente ejemplo, creamos una variable llamada carname, le asignamos el valor "Volvo" y la colocamos en un párrafo HTML con id="demo":

Características de la declaración con var:

• La variable puede declararse varias veces (sobrescribiendo la variable original).
• Cuando la variable no tiene valor asignado, su valor predeterminado es undefined.
• Las variables declaradas con var se elevan (Hoisting), pero no se inicializan.

	Una buena práctica de programación es declarar todas las variables necesarias al inicio del código.

Una declaración, varias variables

Puedes declarar muchas variables en una sola declaración. La declaración comienza con var y separa las variables con comas:

var lastname="Doe", age=30, job="carpenter";

La declaración también puede abarcar varias líneas:

var lastname="Doe",
age=30,
job="carpenter";

No se puede asignar el mismo valor a múltiples variables declaradas en una misma declaración:

var x, y, z = 1;

x, y son undefined, z es 1.

Value = undefined

En los programas de computadora, a menudo se declaran variables sin valor. Una variable declarada sin un valor tiene realmente el valorundefined。

Después de ejecutar la siguiente declaración, el valor de la variable carname será undefined:

var carname;

Volver a declarar variables de JavaScript

Si vuelves a declarar una variable de JavaScript, el valor de la variable no se pierde:

Después de ejecutar las dos declaraciones siguientes, el valor de la variable carname sigue siendo "Volvo":

var
carname="Volvo"; 
var carname;

Aritmética de JavaScript

Puedes hacer aritmética con variables de JavaScript usando operadores como = y +:

Usando let y const (ES6)

Antes de 2015, usábamos la palabra clave var para declarar variables de JavaScript.

Las versiones de JavaScript posteriores a 2015 (ES6) nos permiten usar la palabra clave const para definir una constante, y la palabra clave let para definir variables con un ámbito limitado.

let

let es una nueva forma de declarar variables introducida en ES6, y se recomienda su uso.

Sintaxis de let:

let variableName = value;

const

const se utiliza para definir constantes, es decir, una vez que se asigna un valor, el valor de la variable no se puede modificar.

Sintaxis de const:

const variableName = value;

Puedes consultar más contenido sobre const y let en:JavaScript let y const.

Safari 10 y Edge 14 fueron los primeros navegadores en admitir todas las características de ES6:

Aprenderás más sobre los operadores de JavaScript en capítulos posteriores de este tutorial.