Closure in JavaScript?

Question

Hi I was going through closure concept in JavaScript. I am finding it difficult to understand it. Can someone please help me?

function a(name) {
 return function () {
  console.log( "Hello "+ name);
 }
}
var b = a("MyName");
b();

According to closure, inner function will have access to its outer function's variables even after the execution of outer function is compeled and it's no more present in stack. Can some one please explain how inner function is able to access its variable even after execution for outer function is completed. I have tried above code and it's working as expected but I am confused?

check this out https://stackoverflow.com/questions/31735129/how-do-javascript-closures-work-at-a-low-level — qwerty_igor, Jul 01 '17 at 00:19

score 0 · Accepted Answer · answered Jul 01 '17 at 00:43

function a(name) {
 return function () {
  console.log( "Hello "+ name);
 }
}
var b = a("MyName");
b();

A closure is the combination of a function and the lexical environment within which that function was declared. This environment consists of any local variables that were in-scope at the time that the closure was created. In this case, b is a reference to the instance of the inner function returned when a() is run. The instance of returned function maintains a reference to its lexical environment, within which the variable name exists. For this reason, when b() is invoked, the variable name remains available for use and name is passed to console.

Closure in JavaScript?

1 Answers1