JavaScript: chained method indentation

indentation.js

// Inspired by the eslint-plugin-react wrap-multilines rule
// https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/wrap-multilines.md
//
// I don't know why, but this is making me really happy right now.

// Instead of this
var someName = namespace.someObj.method1({
  prop: 'value',
}).method2('foo', 'bar');

// Or this
var someName = namespace.someObj
  .method1({
    prop: 'value',
  })
  .method2('foo', 'bar');
  
// Do this
var someName = (
  namespace.someObj
    .method1({
      prop: 'value',
    })
    .method2('foo', 'bar')
);

What do the parens bring to the party if it's not a return statement?

@insin it makes it clear that the statement wraps over several lines.

...but it's already clear by reading the code that the statement wraps over several lines. I'd go one step further though and propose:

var someName =
  namespace
    .someObj
    .method1({
      prop: 'value'
    })
    .method2('foo', 'bar');

with the optional parens for return statements to fix automatic semicolon insertion.

The parens aren't required, I just like how they feel like a visual "container" to me.