Const in JavaScript: Wann soll es verwendet werden und ist es notwendig?

Ich bin kürzlich auf das constSchlüsselwort in JavaScript gestoßen. Soweit ich weiß, wird es verwendet, um unveränderliche Variablen zu erstellen , und ich habe getestet, um sicherzustellen, dass es nicht neu definiert werden kann (in Node.js):

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

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

Mir ist klar, dass es noch nicht für alle Browser standardisiert ist - aber ich interessiere mich nur für den Kontext von Node.js V8 , und ich habe festgestellt, dass bestimmte Entwickler / Projekte es stark zu bevorzugen scheinen, wenn das varSchlüsselwort für das verwendet werden könnte gleicher Effekt.

Meine Fragen sind also:

• Wann ist es angebracht, constanstelle von zu verwenden var?
• Sollte es jedes Mal verwendet werden, wenn eine Variable deklariert wird, die nicht neu zugewiesen werden soll?
• Macht es tatsächlich einen Unterschied, ob vares anstelle von constoder umgekehrt verwendet wird?

Ihre Fragen haben zwei Aspekte: Was sind die technischen Aspekte der Verwendung constanstelle von varund was sind die menschenbezogenen Aspekte dabei?

Der technische Unterschied ist erheblich. In kompilierten Sprachen wird eine Konstante zur Kompilierungszeit ersetzt, und ihre Verwendung ermöglicht andere Optimierungen wie das Entfernen von totem Code, um die Laufzeiteffizienz des Codes weiter zu erhöhen. Neuere (lose verwendete) JavaScript-Engines kompilieren tatsächlich JS-Code, um eine bessere Leistung zu erzielen. Wenn Sie also das Schlüsselwort const verwenden, werden Sie darüber informiert, dass die oben beschriebenen Optimierungen möglich sind und durchgeführt werden sollten. Dies führt zu einer besseren Leistung.

Der menschenbezogene Aspekt betrifft die Semantik des Schlüsselworts. Eine Variable ist eine Datenstruktur, die Informationen enthält, deren Änderung erwartet wird. Eine Konstante ist eine Datenstruktur, die Informationen enthält, die sich niemals ändern. Wenn es Raum für Fehler gibt, varsollte immer verwendet werden. Es müssen jedoch nicht alle Informationen deklariert werden, die sich während der Laufzeit eines Programms nie ändern const. Wenn sich die Informationen unter anderen Umständen ändern sollten, vargeben Sie dies an, auch wenn die tatsächliche Änderung nicht in Ihrem Code angezeigt wird.

Update 2017

Diese Antwort erhält immer noch viel Aufmerksamkeit. Es ist erwähnenswert, dass diese Antwort Anfang 2014 veröffentlicht wurde und sich seitdem viel geändert hat.Ecmascript-6Unterstützung ist jetzt die Norm. Alle modernen Browser unterstützen jetzt, constso dass die Verwendung ohne Probleme ziemlich sicher sein sollte.

Ursprüngliche Antwort von 2014

Trotz ziemlich guter Browserunterstützung würde ich es vorerst vermeiden, es zu verwenden. Aus dem Artikelconst von MDN über :

Die aktuelle Implementierung von const ist eine Mozilla-spezifische Erweiterung und nicht Teil von ECMAScript 5. Sie wird in Firefox & Chrome (V8) unterstützt. Wenn Sie in Safari 5.1.7 und Opera 12.00 eine Variable mit const in diesen Browsern definieren, können Sie ihren Wert später noch ändern. Es wird in Internet Explorer 6-10 nicht unterstützt, ist jedoch in Internet Explorer 11 enthalten. Das Schlüsselwort const deklariert derzeit die Konstante im Funktionsbereich (wie mit var deklarierte Variablen).

Dann heißt es weiter:

constwird in ECMAScript 6 definiert, jedoch mit unterschiedlicher Semantik. Ähnlich wie bei Variablen, die mit der let-Anweisung deklariert wurden, werden mit const deklarierte Konstanten mit einem Blockbereich versehen.

Wenn Sie verwenden, müssen constSie eine Problemumgehung hinzufügen, um etwas ältere Browser zu unterstützen.

Denn warum verwenden const, @ TIBOS Antwort ist großartig.

Aber du hast gesagt:

Soweit ich das beurteilen kann, werden damit unveränderliche Variablen erstellt

Das ist falsch . Das Mutieren einer Variablen unterscheidet sich vom Neuzuweisen:

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

Mit const können Sie das nicht tun:

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

Sie können Ihre Variable jedoch mutieren:

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

Jeder Prozess, der den Wert der Variablen ändert, ohne das =Vorzeichen zu verwenden, mutiert die Variable.

Hinweis: +=Zum Beispiel ist ... Neuzuweisung!

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

Das Fazit lautet also: consthindert Sie nicht daran, Variablen zu mutieren , sondern daran, sie neu zuzuweisen .

Um die vorherigen Antworten zu integrieren, gibt es einen offensichtlichen Vorteil beim Deklarieren konstanter Variablen, abgesehen vom Leistungsgrund: Wenn Sie versehentlich versuchen, sie im Code zu ändern oder erneut zu deklarieren, ändert das Programm den Wert nicht und gibt keinen Fehler aus.

Vergleichen Sie zum Beispiel:

// Will output 'SECRET'

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

mit:

// Will output 'ANOTHER_SECRET'

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

oder

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

const x = "SECRET"

/*  complex code */

var x = 0

mit

// Will reassign y and cause trouble

var y = "SECRET"

/*  complex code */

var y = 0

constist nicht unveränderlich.

Aus dem MDN :

Die const-Deklaration erstellt einen schreibgeschützten Verweis auf einen Wert. Dies bedeutet nicht, dass der darin enthaltene Wert unveränderlich ist, sondern dass die Variablenkennung nicht neu zugewiesen werden kann.

var : Deklariert eine Variable, Wertinitialisierung optional.

let : Deklariert eine lokale Variable mit Blockbereich.

const : Deklariert eine schreibgeschützte benannte Konstante.

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.

Sie haben gute Antworten, aber lassen Sie es uns einfach halten.

const sollte verwendet werden, wenn Sie eine definierte Konstante haben (lesen Sie als: sie ändert sich während Ihrer Programmausführung nicht).

Zum Beispiel:

const pi = 3.1415926535

Wenn Sie der Meinung sind, dass dies bei einer späteren Ausführung geändert werden kann, verwenden Sie a var.

Der praktische Unterschied, basierend auf dem Beispiel, ist, dass bei constIhnen immer angenommen wird, dass pi 3,14 [...] sein wird, es ist eine Tatsache.

Wenn Sie es als definieren var, kann es 3.14 [...] sein oder nicht.

Für eine technischere Antwort ist @Tibos akademisch richtig.

Nach meiner Erfahrung verwende ich const, wenn ich etwas festlegen möchte, das ich später ändern möchte, ohne den Code nach fest codierten Bits durchsuchen zu müssen, z. B. nach einem Dateipfad oder einem Servernamen.

Der Fehler bei Ihren Tests ist jedoch eine andere Sache. Sie versuchen, eine andere Variable namens x zu erstellen. Dies wäre ein genauerer Test.

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

Persönliche Vorlieben wirklich. Sie können const verwenden, wenn es, wie Sie sagen, nicht neu zugewiesen wird und konstant ist. Zum Beispiel, wenn Sie Ihren Geburtstag zuweisen möchten. Ihr Geburtstag ändert sich nie, sodass Sie ihn als Konstante verwenden können. Ihr Alter ändert sich jedoch, sodass dies eine Variable sein kann.

Zusammenfassung:

const erstellt eine unveränderliche Bindung, was bedeutet, dass der const-Variablenbezeichner nicht neu zugewiesen werden kann.

const a = "value1";

Sie können es nicht mit neu zuweisen

a = "value2";

Wenn der const-Bezeichner jedoch ein Objekt oder ein Array enthält, kann der Wert geändert werden, sofern wir es nicht neu zuweisen.

const x = { a: 1 }

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

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

Bitte beachten Sie, dass const genau wie let ein Blockbereich ist, der nicht mit var identisch ist (der Funktionsbereich hat).

Kurz gesagt, wenn sich durch eine Neuzuweisung wahrscheinlich nichts ändert, verwenden Sie const, andernfalls let oder var, je nachdem, welchen Bereich Sie haben möchten.

Es ist viel einfacher, über den Code nachzudenken, wenn absolut klar ist, was durch Neuzuweisung geändert werden kann und was nicht. Das Ändern einer Konstante in eine Let ist denkbar einfach. Wenn Sie standardmäßig const verwenden, müssen Sie vorher zweimal überlegen. Und das ist in vielen Fällen eine gute Sache.

Es bietet: 1) eine konstante Referenz, z. B. const x = [] - das Array kann geändert werden, aber x kann nicht auf ein anderes Array zeigen; und 2) Block Scoping. const und let ersetzen gemeinsam var in ecma6 / 2015 Siehe Diskussion unter 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': Zum Zeitpunkt des Codierens, wenn wir über Code-Standard sprechen, verwenden wir normalerweise den Namen des Bezeichners, der für andere Benutzer / Entwickler leicht verständlich ist. Wenn wir zum Beispiel an viele Funktionen denken, bei denen wir einige Eingaben verwenden und diese verarbeiten und ein Ergebnis zurückgeben, wie zum Beispiel:

**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;
}

In den obigen Beispielen erzeugen beide Funktionen unterschiedliche Ergebnisse, verwenden jedoch denselben Variablennamen. Hier können wir sehen, dass 'Prozess' und 'Ergebnis' beide als Variablen verwendet werden und sollten.

 **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;
}

Bevor wir 'let' in Java-Script verwenden, müssen wir 'use strict' oben in die js-Datei einfügen

 **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);

Im obigen Beispiel können Sie verfolgen, welche Funktion wann ausgeführt wurde und welche Funktion während einer bestimmten Aktion nicht verwendet wurde.

Zunächst drei nützliche Dinge const(abgesehen von den Verbesserungen des Anwendungsbereichs let):

• Es dokumentiert für Personen, die den Code später lesen, dass sich der Wert nicht ändern darf.
• Es verhindert, dass Sie (oder jemand, der nach Ihnen kommt) den Wert ändern, es sei denn, er geht zurück und ändert die Deklaration absichtlich.
• Dies könnte der JavaScript-Engine einige Analysen hinsichtlich der Optimierung ersparen. Sie haben beispielsweise erklärt, dass sich der Wert nicht ändern kann, sodass die Engine nicht arbeiten muss, um herauszufinden, ob sich der Wert ändert, damit sie anhand des sich nicht ändernden Werts entscheiden kann, ob sie optimiert werden soll.

Deine Fragen:

Wann ist es angebracht, constanstelle von zu verwenden var?

Sie können dies jederzeit tun, wenn Sie eine Variable deklarieren, deren Wert sich nie ändert. Ob Sie dies für angemessen halten, hängt ganz von Ihren Vorlieben / den Vorlieben Ihres Teams ab.

Sollte es jedes Mal verwendet werden, wenn eine Variable deklariert wird, die nicht neu zugewiesen werden soll?

Das liegt an Ihnen / Ihrem Team.

Macht es tatsächlich einen Unterschied, ob var is used in place ofconst` oder umgekehrt?

Ja:

• varund consthaben unterschiedliche Geltungsbereichsregeln. (Möglicherweise wollten Sie eher mit vergleichen letals mit var.) Insbesondere: constund lethaben einen Blockbereich und erstellen bei Verwendung im globalen Bereich keine Eigenschaften für das globale Objekt (obwohl sie globale Werte erstellen). varhat entweder einen globalen Bereich (bei Verwendung im globalen Bereich) oder einen Funktionsbereich (auch wenn er in einem Block verwendet wird) und erstellt bei Verwendung im globalen Bereich eine Eigenschaft für das globale Objekt.
• Siehe meine "drei nützlichen Dinge" oben, sie alle gelten für diese Frage.

Die Semantik von varundlet

varund letsind eine Aussage an die Maschine und an andere Programmierer:

Ich beabsichtige, dass sich der Wert dieser Aufgabe im Laufe der Ausführung ändert. Verlassen Sie sich nicht auf den möglichen Wert dieser Aufgabe.

Auswirkungen der Verwendung von varundlet

varund letandere Programmierer zu zwingen, den gesamten dazwischenliegenden Code von der Deklaration bis zur eventuellen Verwendung zu lesen und den Wert der Zuweisung zu diesem Zeitpunkt in der Programmausführung zu begründen.

Sie schwächen die Argumentation der Maschine für ESLint und andere Sprachdienste, um falsch eingegebene Variablennamen in späteren Zuweisungen korrekt zu erkennen, und die Wiederverwendung von Variablennamen des äußeren Bereichs, wenn der innere Bereich die Deklaration vergisst.

Sie führen auch dazu, dass Laufzeiten viele Iterationen über alle Codepfade ausführen, um zu erkennen, dass es sich tatsächlich um Konstanten handelt, bevor sie optimiert werden können. Dies ist zwar weniger problematisch als die Fehlererkennung und die Verständlichkeit für Entwickler.

Wann zu verwenden const

Wenn sich der Wert der Referenz im Laufe der Ausführung nicht ändert, lautet die korrekte Syntax, um die Absicht des Programmierers auszudrücken const. Bei Objekten bedeutet das Ändern des Referenzwerts, auf ein anderes Objekt zu zeigen, da die Referenz unveränderlich ist, das Objekt jedoch nicht.

" const" Objekte

Für Objektreferenzen kann der Zeiger nicht auf ein anderes Objekt geändert werden, aber das Objekt , das auf eine erstellt und zugewiesen constErklärung ist wandelbar. Sie können Elemente zu einem constreferenzierten Array hinzufügen oder daraus entfernen und Eigenschaftsschlüssel für ein constreferenziertes Objekt mutieren .

Um unveränderliche Objekte zu erhalten (was wiederum dazu führt, dass Ihr Code für Menschen und Maschinen leichter zu verstehen ist), können Sie Object.freezedas Objekt bei Deklaration / Zuweisung / Erstellung folgendermaßen ausführen :

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

Object.freeze wirkt sich zwar auf die Leistung aus, Ihr Code ist jedoch aus anderen Gründen wahrscheinlich langsam. Sie möchten es profilieren.

Sie können das veränderbare Objekt auch in einer Zustandsmaschine kapseln und tiefe Kopien als Werte zurückgeben (so funktionieren Redux- und React-Zustände). Unter Vermeiden eines veränderlichen globalen Status in Browser JS finden Sie ein Beispiel dafür, wie Sie dies aus ersten Prinzipien erstellen können.

Wann varund letpassen gut zusammen

letund varveränderlichen Zustand darstellen. Sie sollten meiner Meinung nach nur zur Modellierung des tatsächlichen veränderlichen Zustands verwendet werden . Dinge wie " Ist die Verbindung lebendig? ".

Diese sind am besten in testbaren Zustandsautomaten eingekapselt, die konstante Werte verfügbar machen , die den " aktuellen Status der Verbindung " darstellen, der zu jedem Zeitpunkt eine Konstante ist und an dem der Rest Ihres Codes tatsächlich interessiert ist.

Das Programmieren ist bereits schwierig genug, um Nebenwirkungen zu komponieren und Daten zu transformieren. Verwandeln Sie jede Funktion in eine nicht testbare Zustandsmaschine, indem Sie einen veränderlichen Zustand mit Variablen erstellen, der nur die Komplexität erhöht.

Eine differenziertere Erklärung finden Sie unter Shun the Mutant - Der Fall fürconst .

'const' ist ein Hinweis auf Ihren Code, dass die Kennung nicht neu zugewiesen wird. Dies ist ein guter Artikel darüber, wann 'const', 'let' oder 'var' verwendet werden soll. Https://medium.com/javascript-scene/javascript-es6-var-let-or-const-ba58b8dcde75#.ukgxpfhao

Ich bin kein Experte im JS-Kompilierungsgeschäft, aber es ist sinnvoll zu sagen, dass v8 das const-Flag verwendet

Normalerweise wird der Speicher nach dem Deklarieren und Ändern einer Reihe von Variablen fragmentiert, und v8 wird angehalten, um ausgeführt zu werden, macht einige Sekunden Pause, um gc oder Garbage Collection durchzuführen.

Wenn eine Variable mit const v8 deklariert wird, kann sie sicher in einen engen Container mit fester Größe zwischen anderen const-Variablen gestellt werden, da sie sich nie ändert. Es kann auch die richtigen Operationen für diese Datentypen speichern, da sich der Typ nicht ändert.

Wenn es um die Entscheidung zwischen let und const geht , bevorzugen Sie immer const, damit die Verwendung im Code klar ist. Auf diese Weise erhalten Sie eine Fehlermeldung, wenn Sie versuchen, die Variable neu zu deklarieren. Wenn es keine andere Wahl gibt, als sie neu zu deklarieren, wechseln Sie einfach zu let . Beachten Sie, dass die Werte , wie Anthony sagt, nicht unveränderlich sind (zum Beispiel kann ein const- Objekt mutierte Eigenschaften haben).

Wenn es um var geht, habe ich ES6 nie im Produktionscode verwendet und kann mir keinen Anwendungsfall dafür vorstellen. Beachten Sie jedoch, dass mit var deklarierte Variablen keinen Blockbereich haben.