javascript - Access overridden global variable inside a function - Stack Overflow

I want to access global variable 'x' when it is over-ridden by same named variable inside a function.

function outer() {
   var x = 10;
   function overRideX() {
      var x = "Updated";
      console.log(x);
   };

  overRideX();
}

outer();

Jsbin : Fiddle to Test

I don't want to rename the inner 'x' variable to something else. Is this possible ?

Edit: Edited question after abeisgreat answer.

I want to access global variable 'x' when it is over-ridden by same named variable inside a function.

function outer() {
   var x = 10;
   function overRideX() {
      var x = "Updated";
      console.log(x);
   };

  overRideX();
}

outer();

Jsbin : Fiddle to Test

I don't want to rename the inner 'x' variable to something else. Is this possible ?

Edit: Edited question after abeisgreat answer.

• javascript
• function
• global-variables
• overriding

Share Improve this question Follow edited Apr 5, 2013 at 5:51 Sachin Jain asked Apr 5, 2013 at 5:43 Sachin JainSachin Jain 21.9k3434 gold badges110110 silver badges176176 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You can use window.x to reference the globally scoped variable.

var x = 10;
function overRideX() {
  var x = "Updated";
  console.log(x);
  console.log(window.x);
};

overRideX();

This code logs "Updated" then 10.

The global scope of your web page is window. Every variable defined in the global scope can thus be accessed through the window object.

var x = 10;
function overRideX() {
    var x = "Updated";
    console.log(x + ' ' + window.x);
}();