<div dir="ltr">Neither example binds 'this' assuming the current Loader implementation, so no object state.  Although maybe you are saying your example ought to work, then we agree ;-)</div><div class="gmail_extra">
<br><br><div class="gmail_quote">On Mon, Aug 4, 2014 at 7:47 AM, Axel Rauschmayer <span dir="ltr"><<a href="mailto:axel@rauschma.de" target="_blank">axel@rauschma.de</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="word-wrap:break-word"><div class="">On Aug 4, 2014, at 16:33 , John Barton <<a href="mailto:johnjbarton@google.com" target="_blank">johnjbarton@google.com</a>> wrote:<br></div><div><div class=""><br><blockquote type="cite">
<div dir="ltr"><div>As far as I can tell you are basically arguing that simple Loader hooks don't need object state. Of course that is true.</div></div></blockquote><div><br></div></div><div>No, I’m arguing that Juan’s code is basically “subclassing” a loader, overriding a method and calling that method. ES6 classes seem like a more elegant way of doing this. You’d get as much object state in the subclass as you want.</div>
<div><div class="h5"><br><blockquote type="cite"><div dir="ltr"><div>And sure we can write code that carefully and cleverly avoids using 'this'. Why? ES6 added classes because this is often the clearest way to structure more complex systems.  <br>

</div><div><br></div>In my case the LoaderHooks.normalize() function needs to mark names as originating from 'script' rather than 'module' based on the name (eg 'script:' or in my case trailing ',script'.  The marking table needs to be on 'this'.<div>

<br></div><div>I extend LoaderHooks to InterceptOuputLoaderHooks which calls this.onTranscoded() to copy the transcoded results from load to listeners.  But my real point is why should I have to think about 'this' binding in 2015?</div>

<div><br></div><div>We don't need to use an old school API now, we have ES6.</div><div><br></div><div>jjb</div><div><br></div></div><div class="gmail_extra"><div class="gmail_quote">On Mon, Aug 4, 2014 at 6:29 AM, Axel Rauschmayer <span dir="ltr"><<a href="mailto:axel@rauschma.de" target="_blank">axel@rauschma.de</a>></span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div style="word-wrap:break-word"><div>On Aug 4, 2014, at 15:16 , Juan Ignacio Dopazo <<a href="mailto:jdopazo@yahoo-inc.com" target="_blank">jdopazo@yahoo-inc.com</a>> wrote:<br>

<div><br><blockquote type="cite"><div style="background-color:rgb(255,255,255);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:10pt"><div><span>In practice we've found that we rarely use the "new Loader(hooks)` option and instead this is more common:</span></div>

<div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent"><span><br></span></div><div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent">

<span>var loader = new Loader();</span></div><div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent">

var loaderFetch =
 loader.fetch.bind(loader);</div><div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent"><br></div>

<div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent">loader.fetch = function (loadRecord) {</div>

<div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent">  // do something</div><div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent">

  return loaderFetch(loadRecord);</div><div style="font-size:13px;font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;background-color:transparent">};</div>

</div></blockquote></div><div><br></div><div><br></div></div><div>Why not like this then? You’d need (a compiler for) ES6, though.</div><div><br></div><div>```js</div><div>class MyLoader extends Loader {</div><div>    fetch(loadRecord) {</div>

<div>        // do something</div><div>        <span style="background-color:rgb(255,255,255);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:10pt">return super(loadRecord);</span></div>

<div><span style="background-color:rgb(255,255,255);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:10pt">    }</span></div><div>}</div><div>let loader = new MyLoader();</div>

<div>```</div></div></blockquote></div></div>
</blockquote></div></div></div><div><div class="h5"><br><div>
<div style="color:rgb(0,0,0);letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;word-wrap:break-word"><div style="color:rgb(0,0,0);letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;word-wrap:break-word">
<div style="color:rgb(0,0,0);letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;word-wrap:break-word">-- <br>Dr. Axel Rauschmayer<br><a href="mailto:axel@rauschma.de" target="_blank">axel@rauschma.de</a><br>
<a href="http://rauschma.de" target="_blank">rauschma.de</a><br></div><br></div></div><br>
</div>
<br></div></div></div></blockquote></div><br></div>