Const en JavaScript: ¿cuándo usarlo y es necesario?

Recientemente me encontré con la constpalabra clave en JavaScript. Por lo que puedo decir, se usa para crear variables inmutables , y lo he probado para asegurarme de que no se pueda redefinir (en Node.js):

const x = 'const';
const x = 'not-const';

// Will give an error: 'constant 'x' has already been defined'

Me doy cuenta de que aún no está estandarizado en todos los navegadores, pero solo estoy interesado en el contexto de Node.js V8 , y he notado que ciertos desarrolladores / proyectos parecen favorecerlo mucho cuando la varpalabra clave podría usarse para mismo efecto

Entonces mis preguntas son:

• ¿Cuándo es apropiado usar consten lugar de var?
• ¿Debería usarse cada vez que se declara una variable que no se va a reasignar?
• ¿Realmente hace alguna diferencia si varse usa en lugar de consto viceversa?

Hay dos aspectos en sus preguntas: cuáles son los aspectos técnicos del uso en constlugar de vary cuáles son los aspectos relacionados con el ser humano al hacerlo.

La diferencia técnica es significativa. En lenguajes compilados, una constante será reemplazada en tiempo de compilación y su uso permitirá otras optimizaciones como la eliminación de código muerto para aumentar aún más la eficiencia del código en tiempo de ejecución. Los motores JavaScript recientes (término poco utilizado) realmente compilan el código JS para obtener un mejor rendimiento, por lo que el uso de la palabra clave const les informaría que las optimizaciones descritas anteriormente son posibles y deben hacerse. Esto da como resultado un mejor rendimiento.

El aspecto humano está relacionado con la semántica de la palabra clave. Una variable es una estructura de datos que contiene información que se espera que cambie. Una constante es una estructura de datos que contiene información que nunca cambiará. Si hay margen de error, varsiempre se debe utilizar. Sin embargo, no toda la información que nunca cambia durante la vida útil de un programa debe declararse con const. Si en diferentes circunstancias la información cambia, úsela varpara indicar que, incluso si el cambio real no aparece en su código.

Actualización 2017

Esta respuesta todavía recibe mucha atención. Vale la pena señalar que esta respuesta se publicó a principios de 2014 y mucho ha cambiado desde entonces.ecmascript-6El apoyo es ahora la norma. Todos los navegadores modernos ahora son compatibles, constpor lo que debería ser bastante seguro de usar sin ningún problema.

Respuesta original de 2014

A pesar de tener un soporte de navegador bastante decente , evitaría usarlo por ahora. Del artículo de MDN sobreconst :

La implementación actual de const es una extensión específica de Mozilla y no forma parte de ECMAScript 5. Es compatible con Firefox y Chrome (V8). A partir de Safari 5.1.7 y Opera 12.00, si define una variable con const en estos navegadores, aún puede cambiar su valor más adelante. No se admite en Internet Explorer 6-10, pero se incluye en Internet Explorer 11. La palabra clave const actualmente declara la constante en el alcance de la función (como las variables declaradas con var).

Luego continúa diciendo:

constserá definido por ECMAScript 6, pero con semántica diferente. De manera similar a las variables declaradas con la declaración let, las constantes declaradas con const tendrán un alcance de bloque.

Si lo usa const, tendrá que agregar una solución alternativa para admitir navegadores ligeramente más antiguos.

Para constsaber por qué usar , la respuesta de @ Tibos es excelente.

Pero tu dijiste:

Por lo que puedo decir, se usa para crear variables inmutables

Eso esta mal . La mutación de una variable es diferente de la reasignación:

var hello = 'world' // assigning
hello = 'bonjour!' // reassigning

Con const, no puedes hacer eso:

const hello = 'world'
hello = 'bonjour!' // error

Pero puedes mutar tu variable:

const marks = [92, 83]
marks.push(95)
console.log(marks) // [92, 83, 95] -> the variable has been mutated.

Entonces, cualquier proceso que cambie el valor de la variable sin usar el =signo está mutando la variable.

Nota: +=por ejemplo es ... reasignar!

var a = 5
a += 2 // is the same as a = a + 2

Entonces, la conclusión es: constno le impide mutar variables, le impide reasignarlas .

Para integrar las respuestas anteriores, hay una ventaja obvia en declarar variables constantes, además de la razón de rendimiento: si accidentalmente intenta cambiarlas o volver a declararlas en el código, el programa no cambiará el valor ni arrojará un error.

Por ejemplo, compare:

// Will output 'SECRET'

const x = 'SECRET'
if (x = 'ANOTHER_SECRET') {  // Warning! assigning a value variable in an if condition
    console.log (x)
}

con:

// Will output 'ANOTHER_SECRET'

var y = 'SECRET'
if (y = 'ANOTHER_SECRET') { 
    console.log (y)
}

o

// Will throw TypeError: const 'x' has already been declared

const x = "SECRET"

/*  complex code */

var x = 0

con

// Will reassign y and cause trouble

var y = "SECRET"

/*  complex code */

var y = 0

constNo es inmutable.

De la MDN :

La declaración const crea una referencia de solo lectura a un valor. No significa que el valor que posee es inmutable, solo que el identificador de variable no se puede reasignar.

var : declara una variable, inicialización del valor opcional.

let : Declara una variable local con alcance de bloque.

const : declara una constante llamada de solo lectura.

Ex:

var a;
a = 1;
a = 2;//re-initialize possible
var a = 3;//re-declare
console.log(a);//3

let b;
b = 5;
b = 6;//re-initiliaze possible
// let b = 7; //re-declare not possible
console.log(b);

// const c;
// c = 9;   //initialization and declaration at same place
const c = 9;
// const c = 9;// re-declare and initialization is not possible
console.log(c);//9
// NOTE: Constants can be declared with uppercase or lowercase, but a common
// convention is to use all-uppercase letters.

Tienes excelentes respuestas, pero seamos simples.

const debe usarse cuando tiene una constante definida (leída como: no cambiará durante la ejecución de su programa).

Por ejemplo:

const pi = 3.1415926535

Si cree que es algo que se puede cambiar en una ejecución posterior, utilice a var.

La diferencia práctica, basada en el ejemplo, es que constsiempre supondrá que pi será 3.14 [...], es un hecho.

Si lo define como a var, podría ser 3.14 [...] o no.

Para una respuesta más técnica, @Tibos tiene razón académica.

En mi experiencia, uso const cuando quiero configurar algo que quiera cambiar más tarde sin tener que buscar en el código buscando bits que hayan sido codificados, por ejemplo, una ruta de archivo o un nombre de servidor.

Sin embargo, el error en su prueba es otra cosa, está tratando de hacer otra variable llamada x, esta sería una prueba más precisa.

const x = 'const';
x = 'not-const';

Preferencia personal realmente. Puede usar const cuando, como usted dice, no se reasignará y es constante. Por ejemplo, si desea asignar su cumpleaños. Su cumpleaños nunca cambia, por lo que podría usarlo como una constante. Pero su edad cambia, por lo que podría ser una variable.

Resumen:

const crea un enlace inmutable, lo que significa que el identificador de variable const no se puede reasignar.

const a = "value1";

no puedes reasignarlo con

a = "value2";

Sin embargo, si el identificador const contiene un objeto o una matriz, su valor puede cambiarse siempre que no lo reasignemos.

const x = { a: 1 }

x.a = 2; //is possible and allowed

const numbers = [1, 2];
numbers.push(3); //is possible and allowed

Tenga en cuenta que const tiene un ámbito de bloque como let, que no es lo mismo que var (que tiene un ámbito de función)

En resumen, cuando no es probable que algo cambie a través de la reasignación, use const else use let o var dependiendo del alcance que le gustaría tener.

Es mucho más fácil razonar sobre el código cuando es obvio qué se puede cambiar mediante la reasignación y qué no. Cambiar una constante a una let es muy simple. Y seguir const por defecto te hace pensar dos veces antes de hacerlo. Y esto es en muchos casos algo bueno.

Proporciona: 1) una referencia constante, por ejemplo, const x = []: la matriz se puede modificar, pero x no puede apuntar a otra matriz; y 2) alcance de bloque. const y let juntos reemplazarán var en ecma6 / 2015 Ver discusión en https://strongloop.com/strongblog/es6-variable-declarations/

Main point is that how to decide which one identifier should be used during development.
In java-script here are three identifiers.

1. var (Can re-declared & re-initialize)
2. const (Can't re-declared & re-initialize, can update array values by using push)
3. let (Can re-initialize but can't re-declare)

'var': en el momento de la codificación cuando hablamos de código estándar, usualmente usamos el nombre del identificador, que es fácil de entender por otro usuario / desarrollador. Por ejemplo, si estamos trabajando, pensamos en muchas funciones donde usamos alguna entrada y procesamos esto y devolvemos algún resultado, como:

**Example of variable use**

function firstFunction(input1,input2)
{
 var process = input1 + 2; 
 var result = process - input2;
 return result;
}


function otherFunction(input1,input2)
{
 var process = input1 + 8; 
 var result = process * input2;
 return result;
}

En los ejemplos anteriores, ambas funciones producen resultados de 2 diferentes pero usan el mismo nombre de variables. Aquí podemos ver 'proceso' y 'resultado', ambos se usan como variables y deberían serlo.

 **Example of constant with variable**

 const tax = 10; 
 const pi = 3.1415926535; 

function firstFunction(input1,input2)
{
 var process = input1 + 2; 
 var result = process - input2;
 result = (result * tax)/100; 
 return result;
}


function otherFunction(input1,input2)
{
 var process = input1 + 8; 
 var result = process * input2 * pi;
 return result;
}

Antes de usar 'let' en java-script tenemos que agregar 'use estricto' en la parte superior del archivo js

 **Example of let with constant & variable**

 const tax = 10; 
 const pi = 3.1415926535; 
 let trackExecution = '';

function firstFunction(input1,input2)
{
 trackExecution += 'On firstFunction'; 
 var process = input1 + 2; 
 var result = process - input2;
 result = (result * tax)/100; 
 return result;
}


function otherFunction(input1,input2)
{
 trackExecution += 'On otherFunction'; # can add current time 
 var process = input1 + 8; 
 var result = process * input2 * pi;
 return result;
}

 firstFunction();
 otherFunction();
 console.log(trackExecution);

En el ejemplo anterior, puede rastrear qué función se ejecutó cuándo y qué función no se utilizó durante una acción específica.

Primero, tres cosas útiles sobre const(además de las mejoras de alcance con las que comparte let):

• Documenta para las personas que leen el código más tarde que el valor no debe cambiar.
• Evita que usted (o cualquier persona que vaya detrás de usted) cambie el valor a menos que regrese y cambie la declaración intencionalmente.
• Se puede guardar el motor de JavaScript algunos análisis en términos de optimización. Por ejemplo, ha declarado que el valor no puede cambiar, por lo que el motor no tiene que hacer un trabajo para determinar si el valor cambia para poder decidir si se optimiza en función del valor que no cambia.

Tus preguntas:

¿Cuándo es apropiado usar consten lugar de var?

Usted puede hacerlo en cualquier momento usted está declarando una variable cuyo valor no cambia nunca. Si considera que lo apropiado depende de sus preferencias o las preferencias de su equipo.

¿Debería usarse cada vez que se declara una variable que no se va a reasignar?

Eso depende de usted / su equipo.

¿Realmente hace alguna diferencia si var is used in place ofconst` o viceversa?

Si:

• vary consttienen diferentes reglas de alcance. (Es posible que haya querido comparar en letlugar de hacerlo var). Específicamente: consty lettienen un alcance de bloque y, cuando se usan en el ámbito global, no crean propiedades en el objeto global (a pesar de que crean globales). vartiene alcance global (cuando se usa en alcance global) o alcance de función (incluso si se usa en un bloque), y cuando se usa en alcance global, crea una propiedad en el objeto global.
• Vea mis "tres cosas útiles" arriba, todas se aplican a esta pregunta.

La semántica de varylet

vary letson una declaración para la máquina y para otros programadores:

Tengo la intención de que el valor de esta asignación cambie en el transcurso de la ejecución. No confíe en el valor eventual de esta asignación.

Implicaciones de usar varylet

vary letobligar a otros programadores a leer todo el código intermedio desde la declaración hasta el uso final, y razonar sobre el valor de la asignación en ese punto de la ejecución del programa.

Debilitan el razonamiento de la máquina para que ESLint y otros servicios de idiomas detecten correctamente los nombres de variables mal escritas en asignaciones posteriores y la reutilización del alcance de los nombres de variables de alcance externo donde el alcance interno olvida declarar.

También hacen que los tiempos de ejecución ejecuten muchas iteraciones en todas las rutas de código para detectar que en realidad son, de hecho, constantes, antes de poder optimizarlas. Aunque esto es menos problemático que la detección de errores y la comprensión del desarrollador.

Cuándo usar const

Si el valor de la referencia no cambia en el transcurso de la ejecución, la sintaxis correcta para expresar la intención del programador es const. Para los objetos, cambiar el valor de la referencia significa apuntar a otro objeto, ya que la referencia es inmutable, pero el objeto no.

" const" objetos

Para referencias de objeto, el puntero no se puede cambiar a otro objeto, pero el objeto que se crea y se asigna a una constdeclaración es mutable. Puede agregar o eliminar elementos de una constmatriz a la que se hace referencia y mutar claves de propiedad en un constobjeto referenciado.

Para lograr objetos inmutables (que de nuevo, hacen que su código sea más fácil de razonar para humanos y máquinas), puede hacer Object.freezeel objeto en la declaración / asignación / creación, de esta manera:

const Options = Object.freeze(['YES', 'NO'])

Object.freeze tiene un impacto en el rendimiento, pero su código probablemente sea lento por otras razones. Quieres perfilarlo.

También puede encapsular el objeto mutable en una máquina de estado y devolver copias profundas como valores (así es como funcionan los estados de Redux y React). Consulte Evitar el estado global mutable en Browser JS para ver un ejemplo de cómo construir esto desde los primeros principios.

Cuando vary letson un buen partido

lety varrepresentan estado mutable. En mi opinión, solo deberían usarse para modelar el estado mutable real . Cosas como "¿ está viva la conexión? ".

Estos se encapsulan mejor en máquinas de estado comprobables que exponen valores constantes que representan " el estado actual de la conexión ", que es una constante en cualquier momento, y en lo que está realmente interesado el resto del código.

La programación ya es bastante difícil con la composición de efectos secundarios y la transformación de datos. Convertir cada función en una máquina de estado no comprobable creando un estado mutable con variables que solo acumulan la complejidad.

Para una explicación más matizada, vea Shun the Mutant - The case forconst .

'const' es una indicación a su código de que el identificador no será reasignado. Este es un buen artículo sobre cuándo usar 'const', 'let' o 'var' https://medium.com/javascript-scene/javascript-es6-var-let-or-const-ba58b8dcde75#.ukgxpfhao

No soy un experto en el negocio de compilación de JS, pero tiene sentido decir que v8 hace uso de la bandera constante

Normalmente, después de declarar y cambiar un montón de variables, la memoria se fragmenta y v8 se detiene para ejecutarse, hace una pausa de unos segundos para hacer gc o recolección de basura.

Si una variable se declara con const v8, puede confiar en colocarla en un contenedor de tamaño fijo ajustado entre otras variables const, ya que nunca cambiará. También puede guardar las operaciones adecuadas para esos tipos de datos, ya que el tipo no cambiará.

Cuando se trata de la decisión entre let y const , siempre prefiera const para que el uso sea claro en el código. De esa manera, si intenta redeclarar la variable, obtendrá un error. Si no hay otra opción más que redeclararlo, simplemente cambie para alquilar . Tenga en cuenta que, como dice Anthony , los valores no son inmutables (por ejemplo, un objeto const puede tener propiedades mutadas).

Cuando se trata de var , dado que ES6 está fuera, nunca lo usé en el código de producción y no puedo pensar en un caso de uso para él. Sin embargo, tenga en cuenta que las variables declaradas con var no tienen alcance de bloque.