Best way to align/indent code for a multiline JS object?
<p>Is there a 'best way' or 'standard way' to align JS objects?</p>
<p>Here are some different examples:</p>
<h2>Align keys</h2>
<pre><code>        var boundBox = {x: click.x - boundBoxDefaultSize/2,
                        y: click.y - boundBoxDefaultSize/2,
                        width: boundBoxDefaultSize,
                        height: boundBoxDefaultSize }
</code></pre>
<h2>Align colons</h2>
<pre><code>        var boundBox = {x: click.x - boundBoxDefaultSize/2,
                        y: click.y - boundBoxDefaultSize/2,
                    width: boundBoxDefaultSize,
                   height: boundBoxDefaultSize }
</code></pre>
<h2>One line</h2>
<pre><code>        var boundBox = {x: click.x - boundBoxDefaultSize/2, y: click.y - boundBoxDefaultSize/2, width: boundBoxDefaultSize, height: boundBoxDefaultSize }
</code></pre>