title: How to effectively debug method chained function arguments?
body: <p>Have a look at the following code structure:</p>
  
  <pre><code>myFunction(
    _(myArray)
      .filter({ keep: true })
      .uniq('id')
      .value()
  );
  </code></pre>
  
  <p><code>myFunction()</code> takes as its argument the result of some array transformation using lodash. While I like the style of the code, I find it hard to debug and end up refactoring it to have the lodash code inside another function or assign it to a variable first, then pass the variable to <code>myFunction()</code>.</p>
  
  <p>Do you know of an effective way to debug the function argument code without refactoring? Some thoughts:</p>
  
  <ul>
  <li>As is, one cannot add <code>console.log</code>'s right in place.</li>
  <li>In Chrome DevTools it's not possible to set a breakpoint e.g. between <code>.filter()</code> and <code>.uniq()</code></li>
  </ul>