title: Exported objects are giving undefined when passed via call() to another exported function
body: <p>I have my utils.js as follows:</p>
  <pre><code>//utils.js
  &quot;use strict&quot;
  export const eng = {
     val: 'Love'
  }
  
  export const spanish = {
     val: 'Amo'
  }
  export const showMe = ()=&gt;{
     console.log(this.val);
  }
  </code></pre>
  <p>Now I am using these exported variables and function in another file as follows:</p>
  <pre><code>//main.js
  import {eng, spanish, showMe} from &quot;/utils&quot;;
  
  const fn = () =&gt; {
     showMe.call(eng); //here eng has correct value
  }
  </code></pre>
  <p>Upon invoking fn(), I am receving value of <code>this</code> inside showMe() in utils.js as undefined. I am new to js and not really able to find any relevant material explaining this issue. Any pointers?</p>