赋值返回的值

Question

为什么常规赋值语句（比如x = 5）返回赋值（在这种情况下为5），而赋值与变量声明（var x = 5）组合返回undefined？

我通过在 Chrome 浏览器的 Javascript 控制台中执行这些语句得到了返回值：

> var x = 5;
undefined
> y = 5;
5

Answer 1

这就是语言的设计方式。它与大多数语言一致。

让变量声明返回除undefined 以外的任何内容是没有意义的，因为您永远不能在表达式上下文中使用var 关键字。

当您想一次将多个变量设置为相同的值时，将赋值是 expression 而不是 statement 很有用：

x = y = z = 2;

也可以这样使用：

x = 2*(y = z); // Set y = z, and x = 2*z

但这不是最易读的代码，最好写成：

y = z;
x = 2*z;

Answer 2

那是因为var x = 5; 是一个变量语句，而不是一个表达式。

Section 12.2 of the ECMAScript Language Reference 中描述了此语句的行为。

1. 评估 VariableDeclarationList。
2. 返回（正常、空、空）。

这基本上是一个void 返回值。

Answer 3

赋值运算符（即等号） (1) 将右侧操作数（即变量、属性或函数的值或值）分配给左侧操作数（即，变量或属性），然后 (2) 赋值表达式（例如，y = 10）变成一个简单的操作数，在计算表达式的其余部分之前，它的值与其右侧操作数（例如，10）相同。这类似于在计算表达式时将被调用的函数替换为其返回值（尽管函数调用在操作顺序中排在第一位，而赋值操作在第十四位）：

var x, y, z = 1;
x = z + (y = 2); // x === 3     

function returnTwo () {
    return 2;
}

x = z + returnTwo(); // x === 3

请注意，现在不仅 x 等于 3，而且整个表达式的计算结果为 3。

var 关键字的目的是将变量绑定到当前作用域。使用 var 关键字声明的变量绑定到声明它们的范围。 var 关键字将最左边的变量（或属性）分配为对评估表达式值的引用：

var fun = function () {
    var x = 1;
    var y = x + 1; 
    return y;
}

// The x and y variables are bound to the scope of the fun function.

将var 关键字与表达式一起使用称为声明。声明是不评估为值的操作，甚至未定义（即使您的控制台正在打印未定义）。此外，声明不能出现在 JavaScript 需要表达式的地方，正如本文的其他答案所示。

Answer 4

当您编写 var x = 5; 时，它会声明 x 并将其值初始化为 5。

这是一个VariableStatement，它什么也不返回，

但是x=5 是一个expression，它将 5 分配给 x。 由于没有x，JavaScript 在普通代码中隐式创建了一个全局x

Answer 5

由于评论和其他一些答案，我编辑了我的答案。

赋值运算符不返回任何内容...在下面的示例中，JS 解析器所做的第一件事是将 5 分配给 y。第二件事是将y分配给x，依此类推。赋值不是return（它不是一个函数，在 JS 中它没有 C++ 语法来重载运算符的行为）。 return 比赋值更复杂。 return 构造不仅返回一个值，而且正在关闭当前上下文，导致它被销毁。如果没有其他孩子使用它，它也会关闭任何父上下文（关闭模式）。所以请不要告诉我（在 cmets 中）赋值运算符返回任何值。 JS 中的赋值运算符只是一种语言结构。

这种语言结构在链中很有用（这就是每个人都在谈论返回的原因）：

a = x = y = 5;

解析器在全局范围内自动声明任何未声明的变量。如果显式声明变量，则不能同时在链中使用它，如下所示：

a = var x = y = 5;

正确使用上述代码：

var x = y = 5;
a = x;

当然你可以使用方括号，让你的代码更清晰，但这并不意味着代码表现得像一个函数。

此外，您的示例仅适用于 JS 控制台，它不会返回而是打印语句或表达式的结果。就是说JS控制台把声明变量的结果当成undefined（创建函数时一样：function a() {}）。