Variable not being updated in Javascript

Question

Here is the code:

var newTab;
chrome.tabs.create({url: (newUrl)}, function(tab){
  newTab = tab.id;
});
check();
alert(newTab);
chrome.tabs.update(newTab, {pinned: true});
chrome.tabs.update(tabid, {active: true});
chrome.tabs.remove(newTab);

The final instruction doesn't work. the newTab variable doesn't update so that is can be pinned and then remove.

possible duplicate of Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference — levi
– levi, Commented Feb 1, 2015 at 0:01

Ben Aston · Accepted Answer · 2015-02-01 12:42:31Z

2

Try:

var newTab;
chrome.tabs.create({url: (newUrl)}, function(tab){
  newTab = tab.id;

  check();
  alert(newTab);
  chrome.tabs.update(newTab, {pinned: true});
  chrome.tabs.update(tabid, {active: true});
  chrome.tabs.remove(newTab);
});

// Code here is run before the tab is created.

The reason for this is that the create method on the tabs object is asynchronous. This means that any code after the method invocation will be run before the new tab has been created, causing the error.

edited Feb 1, 2015 at 12:42

answered Feb 1, 2015 at 0:08

Ben Aston

56k69 gold badges221 silver badges351 bronze badges

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

Collectives™ on Stack Overflow

Variable not being updated in Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related