Punctuation-first style (comma first style)

punctuationFirst.js

function foo() {
	const target = document.getElementById('menu')
		, debugTarget = document.getElementById('debugMenu')
		, roles = document.body.classList;
	return randomBool
		? someFunction()
		: someOtherFunction();
}

let obj = {
	foo: 123
	, bar: [4,5,6]
	, someDef: 'someString'
	, anotherLongProperty: 'fizz buzz'
	, fizz(){
		return true;
	}
	, buzz(){
		return false;
	}
};

Benefits

• Easily spot missing marks visually without IDE
• I think it looks cleaner 👍

Enforcement

To enforce this style using eslint add the following to your .eslintrc: "comma-style":[2,"first"]

Gotchas

• Many (if not all) IDEs ignore docblocks before functions in a list, as the comma comes after the docblock, but before the function name :/
• Haters will hate 🔥