<pre class="shiki github-dark shaku"><code>let a = 1;(function() { let foo = () =&gt; a let a = 2; console.log(foo()) // 2}())</code></pre>
Here, inside the <a href="https://developer.mozilla.org/en-US/docs/Glossary/IIFE">IIFE</a> the function foo simply returns <code>a</code>. Whenever we execute it, it'll return the value of <code>a</code> defined at that point.
In this example, even though <code>a</code> is assigned a value 2 after <code>foo</code> is declared it is still before <code>foo</code> is invoked. Thus, at the time of execution it prints 2

Function returning value

What does the code snippet to the right output by console.log?…