Let's understand what JavaScript Closures are If you are learning JavaScript, there is no chance that you haven't heard about closures. Closures are one of the most important topics that also help you master other advanced topics. In the beginning, they may seem very overwhelming, but once you understand them, they become quite easy. What are closures, anyway? 🤔 Closures refer to functions that are bundled (enclosed) together with their parent's lexical scope and have access to that parent's lexical scope even after the parent function has executed. In other words, even after the parent function goes out of execution, the closure can still access the variables and methods defined inside it.<br> Let's understand this using an example. Suppose we have a variable, say, globalVariable, in the global scope, and an outer function which has another variable, localVariable, inside it. Now, the localVariable can only be accessed inside the outer function. Now let's suppose we have an inner function inside the outer function. At this point of time the inner function has access to both localVariable and globalVariable, why? Because innerFunction() has access to its parent's lexical environment. Lexical Environment of outerFunction() Now if we try to log the values of globalVariable and localVariable in the console we will get 43 and 27. Till now, everything is pretty simple, right? So, what exactly is a closure here? In this example, the innerFunction() has a closure over its parent's lexical environment. Every time a function is created, a closure is also created along with it. Now, if we return this innerFunction() and assign it to some other variable, we can still access the localVariable outside the outerFunction(). We can now also modify the local variable through the closure, like this: Closures using IIFE (Immediately Invoked Function Expression) In this example, the playGame() function has a closure over the variable tokenCounter, enabling it to modify the value of tokenCounter, which cannot be accessed otherwise. Applications of closures Well, there is much more to discuss about closures, which I will try to cover in another post. Try to go over the examples again and read the official documentation to gain a solid grasp of closures. <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures">MDN Docs for Closures</a> Happy Coding💻
