For example, consider the alignment in the following, improved snippet from the blog post:
var x = shape.left(),
y = shape.right(),
numSides = shape.sides();
It may be “better” typographically, but it also suggests a false parallelism.The eye can't help but interpret closely packed things as groups. So the subliminal cue presented by the formatting above is that there is a parallel assignment from the group of expressions on the right to the group of variables on the left. That is, at some level the eye can't help but see the code above as
{ e }
{ v } { x }
var { a } = { p } ;
{ r } { r }
{ s } { s }
But the evaluation and assignment are not parallel! They are sequential. The difference may not matter in this example, but it's easy to imagine this kind of formatting applied to examples where it would.The less-formatted original version below actually represents the reality more faithfully because its shape does not suggest parallelism:
var x = shape.left(),
y = shape.right(),
numSides = shape.sides();
It looks more like a sequence, which it is.Indeed, typography is a subtle and tricky thing.