逗号链式声明-变量声明中使用逗号声明多个变量

逗号链式声明-变量声明中使用逗号声明多个变量

逗号链式声明

在JavaScript中，使用逗号,可以将多个变量声明在同一行中。
使用逗号将多个变量声明在同一行中。这种方式通常被称为“逗号链式声明”。

var a = 6, b = 9;//将变量 a 和 b 同时声明并赋值。

这种写法相对于分别声明每个变量来说，可以更加简洁和清晰。

不过，需要注意的是，在同一行中声明多个变量时，如果没有使用逗号分隔符，可能会导致代码出现语法错误。

var a = 6  b = 9;//`Uncaught SyntaxError: Unexpected identifier 'b'`。

因此，如果选择在同一行中声明多个变量，请确保在变量之间使用逗号进行分隔。

逗号链式声明优点

• 使用逗号将多个变量声明在同一行中，相对于分别声明每个变量来说，主要有以下几个好处：

  1. 简洁：使用逗号分隔多个变量可以让代码更加简洁，特别是在声明较多变量时，可以减少代码的重复性。

     //单独声明-多了let。
     let a;
     let b;
     let c;
     
     //逗号链式声明-可以减少代码的重复性，少了几个let;
     let a, b, c;
     

  2. 可读性：将多个变量声明在同一行中，可以让代码更加紧凑，从而提高可读性和可维护性。

     • 这个因人而异，有人觉得代码紧凑会提高可读性。
     • 有人喜欢松散点，个人是觉得都在同一行，有点坑。

     //单独声明-得看多行代码。
     let a;
     let b;
     let c;
     
     //逗号链式声明-只需要看一行;
     let a, b, c;
     

  3. 明确性：在同一行中声明多个变量时，可以清楚地表明这些变量是相关的，从而增加代码的明确性和一致性。

     //单独声明-得分行，才能看到a与b与c是一起的，而d与e是一起的;如果不分行，会以为都是一起的；
     let a;
     let b;
     let c;
     
     let d;
     let e;
     
     //逗号链式声明-可以看到a与b与c是一起的，而d与e是一起的;
     let a, b, c;
     let d, e;
     

  4. 性能：尽管在性能上的差别微乎其微，但使用逗号分隔多个变量的语法可能会比多次声明变量更快一些，因为它可以让 JavaScript 引擎更好地优化变量声明的过程。

     //单独声明-浏览器会声明得慢一点；
     let a;
     let b;
     let c;
     
     //逗号链式声明-更快一些;
     let a, b, c;
     

• 总的来说，使用逗号将多个变量声明在同一行中，是一种简洁、可读性强、明确性高、性能更优的变量声明方式，尤其适合在声明较多变量时使用。

逗号链式声明缺点

• 虽然使用逗号将多个变量声明在同一行中有许多优点，但也存在一些潜在的缺点：

  1. 可读性：对于一些初学者来说，将多个变量声明在同一行中可能会让代码变得难以理解和阅读，从而降低可读性。

     //单独声明-一行只干一件事，就是声明或声明并赋值一个变量；
     let a;
     let b;
     let c;
     
     //逗号链式声明-一行声明了三个变量;
     let a, b, c;
     

  2. 维护性：在维护复杂的代码时，如果变量的声明方式过于简洁，则可能会增加代码的维护难度。

     //单独声明-有些时候根据情况使用let，有时使用const；
     let a;
     const b;
     let c;
     
     //逗号链式声明-都是let声明;
     let a, b, c;
     

     • 为什么不分开声明，单独声明用换行多一空行表示变量是一起的。而逗号链式声明是用逗号连接起在一起的变量。

  3. 可读性：在多人协作的项目中，由于每个人的代码风格和习惯不同，可能会导致变量声明的方式不一致，从而降低代码的可读性和一致性。

     //单独声明-都是单独的声明；
     let a=5;
     let b=6;
     const c=function(){};
     
     //逗号链式声明-有些是逗号链式声明，有些是单独声明;
     let a=5,b=6;
     const c=function(){};//可以看到这个函数就是单独声明的。
     //造成了不一致，也就是说使用逗号链式声明，必定在项目中有可能用到单独声明。
     

  4. 可维护性：在多个变量声明在同一行中时，如果需要在其中的某个变量前或后添加其他内容，就需要修改整行代码，从而增加代码的维护成本。

     //单独声明-都是单独的声明；
     let a;//let a=5;//只改一行，并且只涉及到变量a的改动。
     let b=6;
     let c=9;
     
     //逗号链式声明-一行声明多个;
     let a,b=6, c=9;//let a=5,b=6, c=9;//也只是改动了一行，但这一行涉及了三个变量。在git等代码管理工具中，会看到这一行都改动了，初看时不一定清楚是改了变量a还是变量b等。
     
     //逗号链式声明-一行声明一个;不对齐，虽然明显看到那里改动了。
     let a,
       b=6,
       c=9;
     
     
     //强迫症看着有点难受，不要说还有这种场景
     let a=5,
       b=6,
       c=function(){
         
       };//缩进少了一格。
     

• 总的来说，使用逗号将多个变量声明在同一行中的缺点主要是可读性和可维护性的问题，因此在具体的编程实践中需要根据实际情况来选择最适合自己的编程风格和习惯。

主流总结

• 在JavaScript中，主流的声明变量的方式是使用逗号将多个变量声明在同一行中。

  • 这个是真的，如vue及jQuery等开源库中。

• 使用逗号链式声明可以使代码更加简洁、清晰，减少了代码的冗余和噪声，有利于提高代码的可读性和可维护性。

  • 逗号链式声明还可以帮助开发者更好地组织变量，并且可以避免全局作用域污染。

    const name = function(){
      var a=3,b=5;
    }
    

    const name = function(){
      var a=3;
      b=5;//全局作用域污染;
    }
    

    • 也就是在作用域中，可以减少不声明直接定义变量，只需要加一个逗号。

      • 但个人感觉没什么用，单独声明也行。

        const name = function(){
          var a=3;
          b=5;//全局作用域污染;
        }
        

        const name = function(){
          var a=3;
          var b=5;
        }
        

• 虽然在某些情况下，使用逗号链式声明可能会对代码的可读性产生影响，但在大多数情况下，它被视为一种良好的编程习惯和风格，广泛应用于各种开发场景中。

• 个人觉得这个，还是看一下项目组风格吧。不过单独声明一般不会有问题，因为可读性不会太过难受，就是写的时候有点累，let等关键字要多写几轮。