javascript – Fragen zur Ausführungsreihenfolge eines for-Schleifencodes
Im WeChat-Applet können Sie auf die Leinwand klicken, um sie in ein Bild umzuwandeln und sie dann in der Vorschau anzuzeigen. Da dabei asynchrone Methoden in der for-Schleife aufgerufen werden, habe ich auf Online-Vorschläge verwiesen und eine Funktion zur sofortigen Ausführung innerhalb der for-Schleife verwendet Nach vielen Tests wurde festgestellt, dass die Konsole zunächst „Schleifenindex ist 1“ und dann „Schleifenindex ist 0“ ausgibt (der Einfachheit halber beträgt die Modelllänge 2). In einer Situation wie dieser: Sie klicken auf die erste Leinwand und das Ergebnis wird in der Vorschau angezeigt. Aber es ist die zweite, ich bin verwirrt und hoffe, dass Gott mich aufklären kann.
<canvas wx:for="{{ model }}" bindtap="previewImg" canvas-id="{{ 'mycanvas' + index }}" data-index="{{ index }}"/>
// 点击图片进行预览
previewImg: function (e) {
var tempFilePathList = [];
var index = e.target.dataset.index;
var self = this;
var loopedModel = self.data.model;
for (var i = 0; i < loopedModel.length; i++) {
(function (a) {
wx.canvasToTempFilePath({
canvasId: 'mycanvas' + a,
success: function (res) {
console.log('loop index is ' + a);
tempFilePathList.push(res.tempFilePath);
if (a == loopedModel.length - 1) { // 循环到最后一个了
console.log('current image is ' + tempFilePathList[index]);
wx.previewImage({
current: tempFilePathList[index], // 当前显示图片的http链接
urls: tempFilePathList // 需要预览的图片http链接列表
})
}
},
fail: function (res) {
console.log(res);
}
});
}(i))
}
},
