After adding callback function, why is my variable modified inside it unaltered?

Question

I know it is asynchronicity, but I have followed the steps of adding callback function Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference but I can only access the changes inside the callback function. Here is my code snippet. Please help

function callback(point) {

       for (i = 0; i < point.length; i++) {
           myDate[i] = point[i].date_time;
           myValue[i] = point[i].my_value;
       }

       for (j = 0; j < myDate.length; j++) {
           var temp = new Array(myDate[j], myValue[j]);
           mySeries[j] = temp;
       }
       alert("MYSERIES in scope:  " + mySeries); //defined

   }
   alert("MYSERIES out scope:  " + mySeries); // undefined
   getAllMessagesforChart(callback);

   function getAllMessagesforChart(callback) {
                var data = @Html.Raw(JsonConvert.SerializeObject(this.Model))


        $.ajax({
            url: '/messages/GetMessagesforChat',
            data: {
                id: data.id,
            },
            contentType: 'application/html ; charset:utf-8',
            type: 'GET',
            dataType: 'JSON'

        }).success(function (data) {
            callback(data);
        }).error(function (e) {
            alert("error " + e)
        })     

   }

Are you curious about why your mySeries variable is undefined outside of callback function? — anonymous
– anonymous, Commented Apr 28, 2015 at 23:52
Well you kind of answered it yourself, it's out of scope. You defined it inside callback. If you add var mySeries; outside the function, then the scope would be global and you could see it. — dmeglio
– dmeglio, Commented Apr 29, 2015 at 0:50

John S · Accepted Answer · 2015-04-29 04:46:08Z

1

I hope this helps clear things up for you--

It is not an issue of scope. It is a matter of the order the statements are executed. If you order something from amazon.com, do you immediately go to your front stoop and expect to find the package? No, you have to wait for the drone to get there.

The mySeries variable is a global variable. It is not "out of scope" outside the callback() function. And it's not that you can't access the changes outside the callback() function; it's that you can't access the changes before they have been made. The alert with "MYSERIES out scope" appears in the code after the callback() function is defined, but it is executed before the callback() function is executed.

Even if you were to change the order of the following two statements, the alert would still be executed before the callback function, because the callback function is not executed until the ajax call returns, assynchronously.

getAllMessagesforChart(callback);
alert("MYSERIES out scope:  " + mySeries); // undefined

answered Apr 29, 2015 at 4:46

John S

21.5k9 gold badges50 silver badges59 bronze badges

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

2 Comments

user2217303 Over a year ago

Okay, I understand now why it is not executing, but do you know how to avoid or solve this. Note that I am using it to fill series database data for highcharts in case you have any idea. Thanks @JohnS

John S Over a year ago

@user2217303 - If the data returned by the ajax call is used to create a chart, you would have to create the chart inside the callback function.

Collectives™ on Stack Overflow

After adding callback function, why is my variable modified inside it unaltered?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related