title: Why arrow functions don't work when using import/export
body: <p>This code shows "show not defined."</p>
  
  <pre><code>import {a} from './dis.js';
  show = () =&gt;{
    console.log(a);
  }
  show();
  </code></pre>
  
  <p>But this works</p>
  
  <pre><code>import {a} from './dis.js';
  const show = () =&gt;{
      console.log(a);
  }
  show();
  </code></pre>
  
  <p>why is that ?</p>