国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 關(guān)於一段 for 迴圈程式碼執(zhí)行順序的問(wèn)題
高洛峰
高洛峰 2017-06-24 09:43:08
0
1
873

在微信小程式裡邊實(shí)作點(diǎn)擊canvas 將其轉(zhuǎn)換為圖片再預(yù)覽的功能,由於涉及非同步方法在for循環(huán)裡調(diào)用,參考網(wǎng)上建議,在for循環(huán)內(nèi)部使用了一個(gè)立即執(zhí)行函數(shù),多次測(cè)試發(fā)現(xiàn),有時(shí)候控制臺(tái)會(huì)先印出"loop index is 1", 再印出"loop index is 0",(為方便起見,model長(zhǎng)度為2),導(dǎo)致這樣一種情況:你點(diǎn)擊第一張canvas,結(jié)果預(yù)覽的卻是第二張,百思不得其解,望大神賜教。

<canvas wx:for="{{ model }}" bindtap="previewImg" canvas-id="{{ 'mycanvas' + index }}" data-index="{{ index }}"/>
 // 點(diǎn)擊圖片進(jìn)行預(yù)覽
  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) { // 循環(huán)到最后一個(gè)了
              console.log('current image is ' + tempFilePathList[index]);
              wx.previewImage({
                current: tempFilePathList[index], // 當(dāng)前顯示圖片的http鏈接
                urls: tempFilePathList // 需要預(yù)覽的圖片http鏈接列表
              })
            }
          },
          fail: function (res) {
            console.log(res);
          }
        });
      }(i))
    }
  },
高洛峰
高洛峰

擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...

全部回覆(1)
ringa_lee

這很正常,非同步返回的時(shí)間具有不確定性,所以如果你同時(shí)有兩個(gè)非同步方法,返回的先後順序也是不確定的。微信我沒做過(guò),但應(yīng)該也支援h5的同步方法,你可以試一下,不行的話加個(gè)變數(shù)控制,當(dāng)請(qǐng)求佇列裡有多個(gè)未返回時(shí),你只顯示最後一個(gè),其他的不讓顯示。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板