javascript variable scope

Question

I have the below code,

it is running however the output in the console is

instant: true
instant2: false

as the variable is not being overwritten in the global scope. How can I access the variable in the global scope?

var instant = false;
$('document').ready(function(){
  chrome.extension.sendRequest({
    action: "getStorage",
    key: "instant"
  }, function(response) {
    instant = true;
    console.log('instant: ', instant); 
  });
  console.log('instant2: ', instant);
});

Skilldrick · Accepted Answer · 2010-11-16 09:21:42Z

6

It is getting overridden, but later. Your function(response) isn't getting executed until after the outer function returns.

answered Nov 16, 2010 at 9:21

Skilldrick

71.1k37 gold badges182 silver badges231 bronze badges

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

3 Comments

Skilldrick Over a year ago

It depends what you are trying to do. If you want a local version of instant, declare it with var, i.e. var instant = true;.

Hailwood Over a year ago

Actually I just want to use the variable in a global scope after this has completed.

Hailwood Over a year ago

What I am doing at the moment to fix it is to move all other code inside of the callback. but it is messy.

Conner · Accepted Answer · 2012-08-17 19:45:49Z

0

window.instant should get you the value of your global variable.

edited Aug 17, 2012 at 19:45

Conner

31.4k8 gold badges55 silver badges75 bronze badges

answered Nov 16, 2010 at 9:24

mtelis

6741 gold badge6 silver badges11 bronze badges

1 Comment

Skilldrick Over a year ago

Not after the line instant = true is executed. Without var preceding it, that will overwrite the global variable.

Collectives™ on Stack Overflow

javascript variable scope

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related