js-comma-in-deepth: A better coding convention for lists and object literals in JavaScript

js-comma-in-deepth.md

js-comma-in-deepth

    
// standard style
var a = "ape",
    b = "bat",
    c = "cat",
    d = "dog",
    e = "elf",
    f = "fly",
    g = "gnu",
    h = "hat",
    i = "ibu";

// comma-first style
var a = "ape"
    , b = "bat"
    , c = "cat"
    , d = "dog"
    , e = "elf"
    , f = "fly"
    , g = "gnu"
    , h = "hat"
    , i = "ibu"
    ;

Objects:

    
// JSON.stringify style

var o = {
        a : "ape",
        b : "bat",
        c : "cat",
        d : "dog",
        e : "elf",
        f : "fly",
        g : "gnu",
        h : "hat",
        i : "ibu"
    },
    a = [
        [ "ape", "bat" ],
        [ "cat", "dog" ],
        [ "elf", "fly" ],
        [ "gnu", "hat" ],
        [ "ibu" ]
    ];

  

// comma-first
var o ={ 
    a : "ape"
    , b : "bat"
    , c : "cat"
    , d : "dog"
    , e : "elf"
    , f : "fly"
    , g : "gnu"
    , h : "hat"
    , i : "ibu"
    }
    , a = [
        [ "ape", "bat" ]
        , [ "cat", "dog" ]
        , [ "elf", "fly" ]
        , [ "gnu", "hat" ]
        , [ "ibu" ]
    ];

Addendum: effects on the return statement.

    
// It does not break.

return [ 
    1
    , 2
    , 3
];
// returns [1,2,3]

return { 
    a : "ape"
    , b : "bat"
};
// returns {a:"ape",b:"bat"}

addendum & 附录

//附录：对 return语句的影响。 
//它不会破坏



return [ 
    1
    , 2
    , 3
];
// returns [1,2,3]

return { 
    a : "ape"
    , b : "bat"
};
// returns {a:"ape",b:"bat"}
```

ES6

// standard style
let a = "ape",
    b = "bat",
    c = "cat",
    d = "dog",
    e = "elf",
    f = "fly",
    g = "gnu",
    h = "hat",
    i = "ibu";


// standard style
const x = {},
      y = [],
      z = () => {};

https://app.pluralsight.com/player?course=structuring-javascript&author=dan-wahlin&name=structuring-javascript-module2&clip=2&mode=live