关于一段 for 循环代码执行顺序的问题

Question

在微信小程序里边实现点击 canvas 将其转换为图片再预览的功能，由于涉及异步方法在for循环里调用，参考网上建议，在for循环内部使用了一个立即执行函数，多次测试发现，有时候控制台会先打印出"loop index is 1", 再打印出"loop index is 0"，（为方便起见，model长度为2），导致这样一种情况：你点击第一张canvas，结果预览的却是第二张，百思不得其解，望大神赐教。

<canvas wx:for="{{ model }}" bindtap="previewImg" canvas-id="{{ 'mycanvas' + index }}" data-index="{{ index }}"/>