javascript - 小程式中遇到js執行時序問題

Question

場景是小程序，小程式中是單向綁定的，這裡舉個栗子，我想在設定顏色再設定名稱，頁面必須體現這種先後關係，就是先變紅，名字再變成Tom

function test () {

  //促使页面刷新
  this.setData({
   viewColor: red
  })  

  this.setData({
   name: 'Tom'
 })
}

實際上這樣做，兩個是同時執行的，我的解決方案如下:

function test () {

  //促使页面刷新
  this.setData({
   viewColor: red
  })  

  setTimeout(function () {
    this.setData({
      name: 'Tom'
    })  
  }, 1000)

}

這樣是可以在先改變顏色後，再改變名字
目前我的程式碰到效能問題，類似好幾個模組，我覺得 濫用計數器 的程式碼很多，可又不知道如何解決？

Answer 1

為什麼你會有 function test (){} 的寫法。

Page({
     data: {
         name: 'hello'
     },
     changeName(){
         this.setData({
             name: 'hehe'
         })
     }
})

執行changeName方法後，頁面中的name就會更新，不需要刷新頁面。
可以看看我寫的小程式demo:https://github.com/lin-xin/wx...