Una variable es una manera de almacenar valores. Para usar una variable, debemos tanto declararla (para hacerle saber al programa acerca de la variable) como luego asignarla (para hacerle saber al programa qué valor estamos almacenando en la variable).



//Inicializar una variable
var a;

//Asignarle un valor
a = 32;

//También podemos hacer ambas cosas juntas:
var b = 33;

Sintaxis


var nombreDeVariable1 [= valor1]; 

nombreDeVariable1
Este es el nombre de la variable, puede contener números pero no iniciar con ellos. Este nombre guardará el valor asignado a la variable.

valor1
Es el valor de la variable. Puede ser de cualquier tipo válido en Javascript (número, string, bool, objeto, función, array, etc.)

Descripción*

Las declaraciones de variables, donde sea que ocurran, son procesadas antes de que cualquier otro código sea ejecutado. El ámbito de una variable declarada con la palabra reservada var es su contexto de ejecución en curso, que puede ser la función que la contiene o, para las variables declaradas afuera de cualquier función, un ámbito global. Si re-declaras una variable Javascript, esta no perderá su valor.

Asignar un valor a una variable no declarada implica crearla como variable global (se convierte en una propiedad del objeto global) cuando la asignación es ejecutada. Las diferencias entre una variable declarada y otra sin declarar son:

  1. Las variables declaradas se limitan al contexto de ejecución en el cual son declaradas. Las variables no declaradas siempre son globales.
  2. 
    function x() {
      y = 1;   // Lanza un error de tipo "ReferenceError" en modo estricto ('use strict')
      var z = 2;
    }
    
    x();
    
    console.log(y); // Imprime "1" 
    console.log(z); // Lanza un error de tipo "ReferenceError": z no está definida afuera de x
    
  3. Las variables declaradas son creadas antes de ejecutar cualquier otro código. Las variables sin declarar no existen hasta que el código que las asigna es ejecutado.
  4. 
    console.log(a);                // Lanza un error de tipo "ReferenceError".
    console.log('trabajando...'); // Nunca se ejecuta.
    
    
    var a;
    console.log(a);                // Imprime "undefined" o "" dependiendo del navegador.
    console.log('trabajando...'); // Imprime "trabajando...".
    
  5. Las variables declaradas son una propiedad no-configurable de su contexto de ejecución (de función o global). Las variables sin declarar son configurables (p. ej. pueden borrarse).
  6. 
    var a = 1;
    b = 2;
    
    delete this.a; // Lanza un error de tipo "ReferenceError" en modo estricto ('use strict'), de lo contrario falla silenciosamente.
    delete this.b;
    
    console.log(a, b); // Lanza un error de tipo "ReferenceError". 
    // La propiedad 'b' se eliminó y ya no existe.
    

Debido a esas tres diferencias, fallar al declarar variables muy probablemente llevará a resultados inesperados. Por tanto se recomienda siempre declarar las variables, sin importar si están en una función o un ámbito global. Y en el modo estricto (strict mode) de ECMAScript 5, asignar valor a una variable sin declarar lanzará un error.

¿Cómo podemos escoger nombres para nuestras variables?**

Para las variables en JavaScript, sigue estas reglas:

  • Los nombres de las variables pueden empezar con letras, o los símbolos $ o _. Solo pueden contener letras, números, $ y _. No pueden empezar con un número. “myVariable”, “leaf_1” y “$money3” son todos ejemplos válidos de nombres de variables.
  • Los nombres de las variables distinguen entre mayúsculas y minúsculas, lo que significa que “xPos” es diferente de “xpos”, así que asegúrate de ser consistente.
  • Los nombres de las variables no pueden ser los mismos que los nombres de las variables existentes, y hay muchas en nuestro entorno de programación de ProcessingJS. Si alguna vez te sale un error como “Read only!”, trata de cambiar el nombre de tu variable.
  • Los nombres de las variables deben ser claros y con sentido; por ejemplo, en vez de “ts”, usa “toothSize”.
  • Los nombres de las variables deben usar el formato mayúscula y minúscula (camelCase) para varias palabras, como “toothSize” en vez de “toothsize” o “tooth_size”.

——-
*Según La página de Developers de Mozilla
**Según Khan Academy