title: trying to avoid arrow function, but not working correctly
body: <p>Im trying to avoid the arrow function because I need to support IE11.</p>
  
  <p>Working code on chrome/firefox/edge:</p>
  
  <pre><code>reader.onload = (e) =&gt; {
    let name = this.files[0].name;
    console.log(name);
  };
  </code></pre>
  
  <p>Trying to convert this code into normal function syntax:</p>
  
  <pre><code>reader.onload = function(e) {
    let name = this.files[0].name;
    console.log(name);
  };
  </code></pre>
  
  <p>but now <code>this.files[0]</code> is undefined. In the first code block it isn't undefined. Why is this and how can I fix it?</p>