(public).sospep.subjects ~ view article ~ 010-function-chaining

<h1 style="text-align: center;">function/method chaining</h1>
<h2>[WHAT]</h2>
<ol>
<li>]&nbsp;a common practice//technique in javascript development&nbsp;, that can be used to simplify code in scenarios that involve calling multiple functions on the same object consecutively</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>]&nbsp;can tidy up code quite a bit, write a single line of code versus multiple lines of code,</li>
<li>] avoid duplication, DRY</li>
</ol>
<h2>[WHERE]</h2>
<ol>
<li>] wherever you would call multiple methods on the same object</li>
</ol>
<h2>[WHEN]</h2>
<ol>
<li>]</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>] myCar.start().windowsDown().musicOn().shift('D').accelerate(10)</li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>] CREATE</li>
<ol>
<li>] var&nbsp;Car = function() { &nbsp; this.type = 'sports'; &nbsp; this.color = 'brown'; &nbsp; this.started = false; };</li>
<li>Car.prototype.start = function() { &nbsp; this.started = true;</li>
<li>&nbsp;&nbsp;console.log = 'the car has started:'+this.started ; };</li>
</ol>
<li>] USE </li>
<ol>
<li>] use the .dot operator to chain multiple functions together, see example above</li>
</ol></ol>
<h2>[REFERENCE]</h2>
<ol>
<li>] <a href="http://schier.co/blog/2013/11/14/method-chaining-in-javascript.html" target="_blank">http://schier.co/blog/2013/11/14/method-chaining-in-javascript.html</a>&nbsp;</li>
<li>] also known as the <a href="http://en.wikipedia.org/wiki/Fluent_interface" target="_blank">Fluent Interface</a> pattern.</li>
</ol>
<h1 style="text-align: center;">&nbsp;</h1>

~ view article ~ Chapter] ch-002-learning-javascript FROM [ Book] language-javascript IN [ libraries] technology-developer-www