js 什么是逗号表达式？

前言

什么是逗号表达式，一个有点用又没那么有用的东西，也算是语法糖，不过也并不是所有时候都看起来比较简洁，本文简单介绍，让你知道。

解释

首先举一个简单的逗号表达式例子：

    let a = 1
    const b = (a = a + 1, a)
    
    console.log(b) // 2

(a = a + 1, a)的结果为最右侧的a，会先从左到右计算表达式，再返回最后一个表达式的值，a变为2后再赋值给b。

当然我这只举简单例子，不止是仅仅只能计算两步，你也可以计算很多步比如(a = a + 1, a = a * 2, ..., a)。

这时候有人会产生想法，对比直接写过程，好像也没有简化多少啊：

    let a = 1
    a = a + 1
    const b = a
    
    console.log(b) // 2

你这么写肯定也是没什么问题的，语法糖见仁见智，你也不一定需要用，但是希望别人写的时候你看得懂。

再举一个很常用的地方，那就是在js的数组遍历方法中：js 数组遍历方法详解（map、filter、find、findIndex、reduce）。

比如在map中，这个就简化的很明显了，简单的计算过程，完全可以通过逗号表达式，去除花括号：

    const test = [1, 2, 3]

    // const res = test.map(cur => {
    //     cur += 1
    //     return cur * 2
    // })

    // 等同于
    const res = test.map(cur => (cur += 1, cur * 2))

    console.log(res) // [4,6,8]

尾言

如果觉得文章还不错的话，欢迎点赞收藏哦，有什么错误或者意见建议也可以留言，感谢~