Global Variable JavaScript (Changing Value)

Question

Is it possible to change the value of a global variable in JavaScript?

If so, is it possible to do it in a function called by an event listener such as "onreadyStateChange"?

It's working for normal functions. but doesn't change when I call a function like this:

<script.......>
    var dom1 = 3;

    function work()
    {
        ...
        http.onreadyStateChange=handleHttpResponse;
        ...
    }

    function handleHttpResponse()
    {
        var xd;
        if (http.readyState == 4)
        {
            if (http.status == 200)
            {
                if (http.responseText == "granted")
                {
                    dom1 = 1;
                }
                else
                {
                    dom1 = 2;
                }
            }
            else
            {
                alert("Error");
            }
        }
    }
</script>

I always try to be cautious when introducing global variables to avoid conflicts with existing or future code, what are you trying to do? — Christian C. Salvadó
– Christian C. Salvadó, Commented Feb 28, 2010 at 4:50

outis · Accepted Answer · 2010-02-28 05:01:50Z

7

You can change the value of any variable in JS, local or global. In a function, make sure you don't declare a local variable with the same name and you can access the global. Even if you do declare a local, you can access the global as a property of window. You can change most properties as well; there are very few immutable data types in JS or the DOM.

If a variable isn't being set as you expect, you can use Firefox and firebug to debug the code and observe what's happening.

edited Feb 28, 2010 at 5:01

answered Feb 28, 2010 at 4:32

outis

77.7k23 gold badges155 silver badges228 bronze badges

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

Comments

wong ka chun · Accepted Answer · 2010-11-03 16:28:22Z

5

Please use window['dom1'] = xxx; instead of var dom1 = xxx;

answered Nov 3, 2010 at 16:28

wong ka chun

711 silver badge1 bronze badge

Comments

brainimus · Accepted Answer · 2011-03-18 13:27:42Z

2

Please try:

<script type="text\javascript"> 
    var dom1 = 3; 

    function work() 
    { 
        ... 
        http.onreadyStateChange=handleHttpResponse; 
        ... 
    } 

    function handleHttpResponse() 
    { 
        var xd; 
        if (http.readyState == 4) 
        { 
            if (http.status == 200) 
            { 
                if (http.responseText == "granted") 
                { 
                    *window['dom1']* = 1; 
                } 
                else 
                { 
                    *window['dom1']* = 2; 
                } 
            } 
            else 
            { 
                alert("Error"); 
            } 
        } 
    } 
</script>

You would find the global value "dom1" is finally changed!

edited Mar 18, 2011 at 13:27

brainimus

11.1k14 gold badges44 silver badges65 bronze badges

answered Nov 3, 2010 at 16:21

wong ka chun

711 silver badge1 bronze badge

Collectives™ on Stack Overflow

Global Variable JavaScript (Changing Value)

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related