Event Handler access context JavaScript

Question

I have a question in JavaScript context. I'm a little confused by this issue. The code below describes my question:

$(..).someFunction{
  var outOfScope = "OUT OF SCOPE!";

  $('somelink').click(handler);

  function handler() {
    alert(outOfScope);
  }
}

My question is: how outOfScope variable (which was defined outside the handler) is seen inside the handler?

See also Jibbering's Javascript Closures FAQ.

outis
– outis

2011-03-05 21:13:38 +00:00
Commented Mar 5, 2011 at 21:13 — outis
– outis, Commented Mar 5, 2011 at 21:13

Quentin · Accepted Answer · 2010-10-12 15:38:01Z

4

The variable outOfScope is scoped to someFunction, so it is available inside someFunction.

The function handler is inside someFunction, so the variable outOfScope is still available.

answered Oct 12, 2010 at 15:38

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Christian Tellnes · Accepted Answer · 2010-10-12 15:48:06Z

0

That´s how JavaScript works.

All variables that are defined directly inside a scope will also be available in all the scopes that are defined inside the scope.

edited Oct 12, 2010 at 15:48

answered Oct 12, 2010 at 15:38

Christian Tellnes

2,08015 silver badges17 bronze badges

1 Comment

sje397 Over a year ago

Not quite true. Variables inside the scopes that are inside a scope are not available to the outer scope or other inner scopes. Just to be picky ;) Maybe you could put "directly inside a scope".

Collectives™ on Stack Overflow

Event Handler access context JavaScript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related