What are Closures in JavaScript?
Ferenc Almasi •
2020 November 01 • 
2 min read
Closure often confuse people in JavaScript. In one sentence: It is an inner function that has access to the other function's variables. It’s a combination of a function and the lexical environment in which it was declared.
A great example of closures are callbacks. Note the differences between scopes and closures in the following example:
Copied to clipboard! Playground
// Note the differences between scope and closure
// scope: global
var a = 1;
(function one() {
// scope: one
// closure: one, global
var b = 2;
(function two() {
// scope: two
// closure: two, one, global
var c = 3;
(function three() {
// scope: three
// closure: three, two, one, global
var d = 4;
// This will output 10 as we have access to outer enclosing function variables
console.log(a + b + c + d);
})();
})();
})();- The scope refers to the lexical environment of the function
- While closure encompasses the lexical scope of other enclosing function as well
Resources:
📚 More Webtips
Master the Art of Frontend
Access 100+ interactive lessons- Unlimited access to hundreds of tutorials
- Prepare for technical interviews
