JS。 while循环崩溃选项卡

Question

I'll go crazy. I am writing code that cyclically gets data from the server and if I use a while loop:

var i = 100;

while (200>i) {         
    zz.api("get", {"offset": i, "v": 5.14}, function(data) { 
        ids = ids.concat(data.response.items.map(maps));
        i= i + 100;
        alert(ids.length);
    });
}

In chrome Tab stops responding, Firefox crashes.

If I use for loop

var i = 100;

for (i=100; i<200; i= i+100) {          
    zz.api("get", {"offset": i, "v": 5.14}, function(data) { 
        ids = ids.concat(data.response.items.map(maps));
        alert(ids.length);
    });
}

The script is executed correctly.

WHAT am I doing wrong? I can not understand, why browser dies from "while" looping.

Answer 1

The same result as for can be done with

var i = 100;

while (200>i) {         
    zz.api("get", {"offset": i, "v": 5.14}, function(data) { 
        ids = ids.concat(data.response.items.map(maps));
        alert(ids.length);
    });
    i= i + 100;
}

In the other case, while keeps executing infinitely until async call is finished and callback is called, but as this loop goes infinite callback will never get called in javascripts single threaded execution and i never gets incremented. Meanwhile infinite number of zz.api is called resulting in many ajax calls which helps in even easier crashing.