逗号运算符在 JavaScript 中有什么作用？

Question

如果我使用：

1.09 * 1; // returns "1.09"

但是如果我使用：

1,09 * 1; // returns "9"

我知道 1,09 不是数字。

最后一段代码中逗号的作用是什么？

更多例子

if (0,9) alert("ok"); // alert
if (9,0) alert("ok"); // don't alert

---

alert(1); alert(2); alert(3); // 3 alerts
alert(1), alert(2), alert(3); // 3 alerts too

---

alert("2",
    foo = function (param) {
        alert(param)
    },
    foo('1')
)
foo('3'); // alerts 1, 2 and 3

Answer 1

逗号运算符评估两者 它的操作数（从左到右）和 返回第二个的值 操作数。

资源：https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special_Operators/Comma_Operator

例如，表达式 1,2,3,4,5 的计算结果为 5。显然，逗号运算符仅对有副作用的操作有用。

console.log(1,2,3,4,5);
console.log((1,2,3,4,5));

Answer 2

还有一些需要考虑的：

console.log((0, 9));
console.log((9, 0));
console.log(("foo", "bar"));

Answer 3

特定的语法允许您功能性地烘烤面包并将其交给客户食用，无需returns。

(new Array(3)).fill()
.map(()=>({state:"dough", bake(){this.state="baked"}, consume(){this.state="consumed"}}))

.map(bread=>(console.log(`Adding ${bread.state} to oven.`), bread.bake(), bread))
.map(bread=>(console.log(`Consuming ${bread.state} bread.`), bread.consume(), bread))
.map(bread=>console.log(`Bread is now ${bread.state}.`))

Adding dough to oven.
Adding dough to oven.
Adding dough to oven.
Consuming baked bread.
Consuming baked bread.
Consuming baked bread.
Bread is now consumed.
Bread is now consumed.
Bread is now consumed.

Answer 4

添加/修改对象的属性和在同一行返回它是一个可能的用例：

console.log(
  ((x) => (o = {biggerCond: r => r >= x},
           o.r5 = Array.from(window.crypto.getRandomValues(new Uint16Array(5))),
           o.isAnyBigger = o.r5.some(o.biggerCond),
           o.bigger = o.isAnyBigger ? o.r5.filter(o.biggerCond) : [x], o )
  )(5e4)
);
// Example
// {
//   bigger: [58414, 56500, 63397],
//   isAnyBigger: true,
//   isBiggerCond: r => r >= x,
//   r5: [58414, 12015, 56500, 63397, 43861]
// }

上面的匿名函数返回一个对象，其随机值大于输入值，或者如果没有，则输入值本身位于 bigger 属性中包含的数组中。

它仍然是语法糖（如arrow functions），但它确实缩短了行数……我想知道是否某些 JS 压缩器会自动以类似的方式检测和调整代码。在您的控制台中运行它：

((x)=>(o={biggerCond:r=>r>=x},o.r5=Array.from(window.crypto.getRandomValues(new Uint16Array(5))),o.isAnyBigger=o.r5.some(o.biggerCond),o.bigger=o.isAnyBigger?o.r5.filter(o.biggerCond):[x],o))(5e4)

Answer 5

看看here - 逗号代表多个表达式/语句。例如，在您的代码中，您可以使用如下一行：

var a=0, b=0, c=0;

这将在不编写的情况下声明所有三个变量：

var a=0;
var b=0;
var c=0;

希望有所帮助。