为了整合前面的答案，除了性能原因外，声明常量变量有一个明显的优势:如果您意外地试图在代码中更改或重新声明它们，程序将分别不更改值或抛出错误。

例如，比较:

// Will output 'SECRET'

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

:

// Will output 'ANOTHER_SECRET'

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

or

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

const x = "SECRET"

/* Complex code */

var x = 0

with

// Will reassign y and cause trouble

var y = "SECRET"

/* Complex code */

var y = 0

简介:

Const创建一个不可变绑定，这意味着Const变量标识符是不可重赋的。

const a = "value1";

你不能用

a = "value2";

然而，如果const标识符包含一个对象或数组，只要不重新赋值，它的值就可以更改。

const x = { a: 1 }

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

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

请注意，const是块作用域，就像let一样，它与var不同(var是函数作用域)。

简而言之，当某些东西不太可能通过重赋来改变时，使用const，否则使用let或var，这取决于你想要的作用域。

当可以通过重赋改变什么，不能通过重赋改变什么的时候，对代码进行推理就容易得多了。将const对象更改为let对象非常简单。在默认情况下使用const会让您三思而后行。在很多情况下，这是一件好事。

var和let的语义

Var和let是对机器和其他程序员的声明:

我希望这个赋值在执行过程中发生变化。不要依赖于这个赋值的最终值。

使用var和let的含义

Var，并强制其他程序员读取从声明到最终使用的所有中间代码，并在程序执行时推断赋值的值。

它们削弱了ESLint和其他语言服务的机器推理，从而在以后的赋值中正确检测输入错误的变量名，并在内部作用域忘记声明的情况下对外部作用域变量名进行作用域重用。

它们还导致运行时在所有代码路径上运行多次迭代，以检测它们实际上是常量，然后才能优化它们。尽管这比错误检测和开发人员可理解性的问题要小。

何时使用const

如果引用的值在执行过程中没有改变，那么表达程序员意图的正确语法是const。对于对象，改变引用的值意味着指向另一个对象，因为引用是不可变的，而对象不是。

“常量”对象

对于对象引用，指针不能更改为另一个对象，但创建并赋值给const声明的对象是可变的。可以从const引用的数组中添加或删除项，也可以更改const引用对象的属性键。

为了实现不可变对象(同样，这使你的代码更容易为人类和机器推理)，你可以object .freeze对象在声明/赋值/创建，像这样:

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

freeze确实对性能有影响，但您的代码可能因为其他原因而变慢。你想要侧写它。

你也可以将可变对象封装在状态机中，并返回深度副本作为值(这就是Redux和React状态的工作方式)。有关如何从第一原则构建全局状态的示例，请参见避免在Browser JS中使用可变全局状态。

当var和let是一个很好的匹配

Let和var表示可变状态。在我看来，它们应该只用于建模实际的可变状态。比如“连接是否存在?”

这些最好封装在可测试的状态机中，这些状态机公开了表示“连接的当前状态”(在任何时间点都是常数)的常量值，以及代码的其余部分真正感兴趣的内容。

加上合成副作用和转换数据，编程已经够难了。通过创建带有变量的可变状态将每个函数变成不可测试的状态机只会增加复杂性。

要了解更细致的解释，请参见Shun the Mutant - const的案例。

重点在于如何决定在开发过程中应该使用哪一个标识符。

在JavaScript中有三个标识符。

var(可以重新声明和重新初始化) const(不能重新声明和重新初始化，可以使用push更新数组值) Let(可以重新初始化，但不能重新声明)

'var':在编码时，当我们谈论代码标准时，我们通常使用易于其他用户和开发人员理解的标识符的名称。

例如，如果我们正在考虑使用一些输入并处理它并返回一些结果的许多函数，例如:

变量使用的例子

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

在上面的例子中，两个函数产生不同的-2结果，但使用相同的变量名。在这里，我们可以看到“过程”和“结果”都被用作变量，它们应该是。

常数与变量的例子

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

在JavaScript中使用“let”之前，我们必须在JavaScript文件顶部添加“use strict”

常量和变量的let示例

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

在上面的例子中，您可以跟踪哪个函数在特定操作期间执行&哪个函数没有使用。

我的意见:

问:什么时候用const代替var比较合适? 答:从来没有!

Q:每次声明一个不会被重新赋值的变量时都应该使用它吗? 答:从来没有!就像这将减少资源消耗一样……

问:用var代替const和用var代替const有什么区别吗? 答:是的!使用var是正确的方法!更容易在开发工具和节省创建一个新的文件进行测试。(var不在const的位置- const试图取代var的位置…)

额外A: let也是一样。JavaScript是一种松散的语言——为什么要限制它?

对于为什么使用const, Tibos的回答很好。

但是你说:

据我所知，它是用来创建不可变变量的

这是错误的。改变变量不同于重新赋值:

var hello = 'world' // Assigning
hello = 'bonjour!' // Reassigning

使用const，你不能这样做:

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

但是你可以改变你的变量:

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

因此，任何不使用=号而改变变量值的进程都是在改变变量。

注:+=例如…重新分配!

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

所以，底线是:const不会阻止你改变变量;它阻止您重新分配它们。