在 JavaScript 中使用块的返回值

Question

在我测试过的很多浏览器上，JavaScript 块实际上返回一个值。您可以在任何控制台中测试它：

for(var i = 0; i < 10; i++) {
    var sqrt = Math.sqrt(i);
    if(Math.floor(sqrt) === sqrt) {
        i;
    }
}

“返回”值是最后一个平方数，即9！但因为我想这不是一个表达式，所以你不能这样做：

for(var i = 0; i < 10; i++) {
    ...
} + 5

那不起作用。当然，它给出 + 5 或 5，因为它是一个单独的语句。将循环放在括号中显然会失败，并且如果块位于括号中（例如 ({f(); r}) - 不起作用），它将被视为对象并引发语法错误。

利用返回值的一种方法是使用 eval：

eval('for(var i = 0; i < 10; i++) {var sqrt = Math.sqrt(i);if(Math.floor(sqrt) === sqrt) {i;}}') + 5; // 14

但如果 eval 是唯一的解决方案，我显然不想使用它。有没有办法使用块的结果值而不使用我缺少的 eval ？我真的很喜欢这个功能:)

Answer 1

在 JavaScript 中，语句返回 Completion 类型的值（这不是语言类型，而是规范类型）。

Completion类型用于解释语句的行为
（break、Continue、return 和 throw）执行非本地传输
控制。 Completion 类型的值是以下形式的三元组 (type,
值、目标），其中类型是正常、中断、<之一强>继续，返回，
或抛出，值是任何ECMAScript语言值或空，以及目标
是任何 ECMAScript 标识符或空。

来源：http://es5.github.com/x8.html#x8.9

因此，eval() 评估作为源文本传入的程序。该程序（与任何 JavaScript 程序一样）返回一个 Completion 值。此完成值中的第二项（“值”项）由 eval() 调用返回。

因此，使用eval，您可以检索 JavaScript 程序的完成值。我不知道有任何其他方法可以实现此目的......

Answer 2

ES7 建议引入一个 do 表达式，它允许任何块被翻转变成一个表达式。 do 表达式计算块并返回其完成值。

使用此语法，您今天可以使用 Babel 尝试使用 syntax-do-expression 和 transform-do-expression 插件，您的示例将看起来像这样：

function lastSquareNumber(val) {
    return do { for(var i = 0; i < val; i++) {
        var sqrt = Math.sqrt(i);
        if(Math.floor(sqrt) === sqrt) {
            i;
        }
    }}
}

console.log(lastSquareNumber(10));