JavaScript是一门广泛应用于网页端和服务器端的编程语言，在开发过程中涉及到的异步调用操作非常常见。但是在很多情况下异步调用无法保证执行顺序，这就需要使用循环异步调用来解决这个问题。循环异步调用是指在异步执行完毕后，通过循环调用下一个异步操作，而不是等待所有异步操作完成后再执行。

一般情况下，我们使用循环异步调用来处理需要执行多个异步任务的情况，例如异步下载多张图片。如果我们下载100张图片，如果使用同步下载方式，浏览器需要等到100张图片全部下载完成后才能进行页面的渲染，造成了较长时间的等待。因此我们可以使用循环异步调用的方式，一次下载一张图片，在下载完成后继续下载下一张图片，直到所有的图片下载完毕，此时浏览器可以立即开始页面渲染，极大提高了用户体验。

for(let i = 0; i< 100; i++){
let img = new Image();
img.src = 'http://www.example.com/img/img' + i + '.jpg';
img.onload = function(){
console.log('图片' + i + '下载完成！');
}
}

上述代码中，我们使用了for循环进行异步下载，但是在执行过程中会发现输出结果始终是“图片100下载完成！”。这是因为在for循环中，异步操作会等待所有图片下载完成后才会被触发。解决的方法是使用闭包来保证循环时每次使用的i都是独立的。

for(let i = 0; i< 100; i++){
let img = new Image();
img.src = 'http://www.example.com/img/img' + i + '.jpg';
img.onload = (function(index){
return function(){
console.log('图片' + index + '下载完成！');
}
})(i);
}

上述代码中，我们使用了闭包来将每次循环时的i保存在一个新的作用域中，从而保证了异步操作能够按照预期分别执行。但是在大型项目中，使用闭包容易造成内存泄漏问题，因此更推荐使用ES6中的let来解决该问题。

for(let i = 0; i< 100; i++){
let img = new Image();
img.src = 'http://www.example.com/img/img' + i + '.jpg';
img.onload = function(){
console.log('图片' + this.index + '下载完成！');
}.bind({index: i});
}

上述代码中，我们使用了let定义循环时的i变量，从而避免了闭包的内存泄漏问题。同时，我们还使用bind方法将this指向{index: i}，从而在异步操作完成后能得到想要的输出结果。

循环异步调用在我们的日常开发中非常常见。当我们需要处理需要执行多个异步任务的情况时，一定要记得使用循环异步调用，并注意避免使用闭包造成的内存泄漏问题。