Scope in JavaScript

Question

How can we access x,y in innermost function in the following code. We are returning from function a. Then how can we access x inside functions b,c?
https://code.sololearn.com/WHgCZ4t6I9a8/?ref=app

Answer 1

Usually after a function is called and returned that function's scope should be closed. But as the inner function still accesses the outer functions parameter it's still open and not closed. Maintaining a sort of closure.

Read the mdn docs from "function scope" heading till "closures"
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions

Answer 2

x & y is already available in the innermost functions replace 1 with 10 to see the result.
You are even using the values correctly.

Answer 3

1. An inner function has access to the scope of his outer function. (you can think of ...inherits the outer scope)
2. A parameter definition is an indirect variable declaration.
(function (a) {} got an variable named a in its scope. The value of the variable is defined at invocation time and will be the first value passed to the function call)

Answer 4

Please check the JS part in the code

Answer 5

In line 2 we are returning from function a, then how are we able to access x inside b. Isnt scope of function a expires once we return from it. ? please explain