const a = Array.from({ length: 10 }, () =>
  Array.from({ length: 10 }, Math.random),
); // A 10×10 array of random numbers

for (let i = 0, j = 9; i <= 9; i++, j--) {
  console.log(`a[${i}][${j}] = ${a[i][j]}`);
}

使用逗号运算符来连接赋值

由于逗号具有最低的优先级 - 甚至低于赋值 - 逗号可用于连接多个赋值表达式。在以下示例中，a 被设置为 b = 3 的值（即 3）。然后，c = 4 表达式被评估，其结果成为整个逗号表达式的返回值。

let a, b, c;

a = b = 3, c = 4; // Returns 4
console.log(a); // 3 (left-most)

let x, y, z;

x = (y = 5, z = 6); // Returns 6
console.log(x); // 6 (right-most)

处理然后返回

可以用逗号运算符执行的另一个示例是在返回之前进行处理。如前所述，只有最后一个元素将被返回，但其他所有元素也将被评估。因此，可以执行以下操作

function myFunc() {
  let x = 0;

  return (x += 1, x); // the same as return ++x;
}

这对于单行箭头函数特别有用。以下示例使用单个 map() 来获取数组的总和及其元素的平方，否则需要两次迭代，一次使用 reduce()，一次使用 map()

let sum = 0;
const squares = [1, 2, 3, 4, 5].map((x) => ((sum += x), x * x));
console.log(squares); // [1, 4, 9, 16, 25]
console.log(sum); // 15

丢弃引用绑定

逗号运算符始终返回最后一个表达式作为值，而不是引用。这会导致一些上下文信息（如 this 绑定）丢失。例如，属性访问返回对函数的引用，该引用还记住它所访问的对象，以便可以正确调用该属性。如果该方法从逗号表达式中返回，则该函数被调用就像它是新的函数值一样，并且 this 为 undefined。

const obj = {
  value: "obj",
  method() {
    console.log(this.value);
  },
};

obj.method(); // "obj"
(obj.method)(); // "obj" (the grouping operator still returns the reference)
(0, obj.method)(); // undefined (the comma operator returns a new value)

您可以使用此技术进入间接 eval，因为直接 eval 要求对 eval() 函数的引用进行函数调用。

globalThis.isDirectEval = false;

{
  const isDirectEval = true;
  console.log(eval("isDirectEval")); // true
  console.log((eval)("isDirectEval")); // true (the grouping operator still returns a reference to `eval`)
  console.log((0, eval)("isDirectEval")); // false (the comma operator returns a new value)
}

规范

规范
ECMAScript 语言规范 # sec-comma-operator

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

for