Illustration of the inner workings of topics like scope chain, hoisting, asynchronous, and function execution concerning execution context/ the call stack.

Fatema Khatun

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

In JavaScript, the scope goes from outer to inner. This means that variables declared in the outer scope can be accessed in all inner scope, not vice versa. When console.log (sport) was run, it attempted to locate the variable declaration in the favoriteSport function. The external reference point is determined by where your function is lexically positioned. For example, favoriteSport() is Lexically positioned not within function otherSport.

JavaScript Under The Hood: Advanced Concepts Developers Should Know

The first thing that happens inside the engine

Execution context — function invocation and the Call Stack

JS fascinatingly handles asynchronous tasks!

Bit: Feel the power of component-driven dev

<p>keep an eye on hoisting and scope chain, easy to get whacked results if you’re not careful</p>


<p>This goes deep into the internal mechanisms of JS! Incredibly enlightening.</p>
