JS中var a,b,c=10;后a,b,c表达式返回10的技术疑问

哈哈，这个逗号表达式的问题很多刚接触JS的同学都会困惑，我来给你掰扯清楚：

这是逗号操作符（Comma Operator），它是JavaScript里比较特殊的一个操作符——它会按从左到右的顺序依次计算每个操作数，然后只返回最后一个操作数的值。

就像你写的例子：

var a, b, c = 10;
a, b, c; // 返回10

这里它会先读取a的值（此时a是undefined），再读取b的值（也是undefined），最后读取c的值（10），整个表达式的结果就是最后这个10。

返回值的类型完全由最后一个操作数的类型决定。你控制台返回Number，就是因为最后一个操作数c是数值类型10。如果最后一个操作数是字符串，比如a, b, "hello"，那返回值类型就是String；如果是对象，类型就是Object，以此类推。

逗号操作符看起来有点鸡肋，但在某些场景下能帮你精简代码或者实现特定逻辑：

• 在循环中同时处理多个变量：比如在for循环的初始化或更新阶段，一次性声明/修改多个变量，让代码更紧凑：

  // 同时初始化i和j，一个从开头、一个从末尾遍历数组
  for (let i = 0, j = arr.length - 1; i < j; i++, j--) {
    // 交换数组首尾元素之类的操作
  }
  

• 在返回值前执行副作用操作：如果你需要在获取某个返回值之前先执行一些操作（比如打印日志、修改某个变量），可以用逗号操作符把这些操作放在前面：

  function fetchData() {
    console.log('开始请求数据');
    return { id: 1, name: 'test' };
  }
  // 先执行日志输出，再把fetchData的返回值赋值给data
  let data = (console.log('准备获取数据'), fetchData());
  

• 精简多行表达式为一行：不过这种场景要谨慎使用，过度使用会让代码可读性下降，适用于逻辑简单的情况。

⚠️ 注意：要区分逗号操作符和对象字面量、函数参数里的逗号——那些是分隔符，不是操作符。比如{ a: 1, b: 2 }里的逗号是用来分隔对象属性的，而只有当逗号出现在表达式上下文里（比如括号里、赋值语句右边），它才是逗号操作符。

内容的提问来源于stack exchange，提问作者Amir