javascript - coffeescript.org例子中的拼接逻辑

Question

漫游 coffeescript.org 遇到了这个史诗般的简单，乍一看，从咖啡编译到 js 的例子:咖啡:

numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
numbers[3..6] = [-3, -4, -5, -6]

Js:

var numbers, _ref;
numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
[].splice.apply(numbers, [3, 4].concat(_ref = [-3, -4, -5, -6])), _ref;

当在这个例子中点击网站上的运行按钮时，它返回那个数字变量，但是如果查看最后 JS 行，我们会在逗号后得到 _ref，如果相信 js 文档具有最低优先级但最终返回正确的结果，并且在这里我的视觉逻辑分崩离析，那么编写这样的代码有什么意义？为什么我们需要将 _ref 缓存在 concat 中，然后在逗号后的括号返回它之后，我的脑袋爆炸了，为什么？？？有什么建议吗？

Answer 1

拿这行代码:

numbers[3..6] = [-3, -4, -5, -6]

您希望它返回什么？ Javascript 中的所有表达式(大概也是 Coffeescript 中的)都有一个返回值。 = 的典型返回值是运算符的右侧。所以我们需要返回数组[-3, -4, -5, -6]。而且我们不能只返回任何旧数组:我们需要返回那个数组。 (请记住，Javascript 数组是通过引用传递的。)

所以当我们看这行代码时:

[].splice.apply(numbers, [3, 4].concat(_ref = [-3, -4, -5, -6])), _ref;

首先评估逗号的左侧，执行我们想要的操作。然而，这将返回 splice 的返回值，这不是我们想要的，因为那将是从原始数组中删除的元素。所以我们需要逗号运算符。

逗号运算符，如 MDN docs描述:

evaluates both of its operands (from left to right) and returns the value of the second operand

从表面上看，您会认为我们可以这样做:

[].splice.apply(numbers, [3, 4].concat([-3, -4, -5, -6])), [-3, -4, -5, -6];

但那是错误的。好的，在这里它可能会起作用。但我们不想返回包含这些元素的数组。不，我们想要返回原始数组，与我们在 concat 调用中使用的数组相同。所以我们需要缓存值(在_ref中)，然后在逗号后再次引用它。