Javascript – JS-Ausführungs-Timing-Problem im Miniprogramm aufgetreten

Question

Die Szene ist ein kleines Programm und die Bindung im kleinen Programm ist unidirektional. Ich möchte die Farbe und dann den Namen festlegen. Die Seite muss zuerst rot werden , und dann wird der Name Tom

function test () {

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

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

Tatsächlich werden dabei beide gleichzeitig ausgeführt, meine Lösung ist wie folgt:

function test () {

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

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

}

Auf diese Weise können Sie zuerst die Farbe und dann den Namen ändern.
Derzeit stößt mein Programm auf Leistungsprobleme, ähnlich wie bei mehreren Modulen. Ich glaube, es gibt viele Codes, die Zähler missbrauchen, aber ich weiß nicht, wie das geht Löse sie?

Answer 1

为什么你会有 function test (){} 的写法。

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

执行changeName方法后，页面中的name就会更新，不需要刷新页面。
可以看看我写的小程序demo:https://github.com/lin-xin/wx...