javascript - Problème de timing d'exécution js rencontré dans le mini-programme

Question

La scène est un petit programme, et la liaison dans le petit programme est à sens unique. Voici un exemple. Je souhaite définir la couleur puis le nom. La page doit refléter cette séquence, c'est-à-dire qu'elle devient d'abord rouge. , et puis le nom devient Tom

function test () {

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

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

En fait, en faisant cela, les deux sont exécutés en même temps, ma solution est la suivante :

function test () {

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

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

}

De cette façon, vous pouvez d'abord changer la couleur puis changer le nom
Actuellement, mon programme rencontre des problèmes de performances, similaires à plusieurs modules. Je pense qu'il y a beaucoup de codes qui abusent des compteurs, mais je ne sais pas comment faire. les résoudre ?

Answer 1

Pourquoi écrivez-vous la fonction test(){} ?

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

Après avoir exécuté la méthode changeName, le nom dans la page sera mis à jour sans actualiser la page.
Vous pouvez jeter un œil à la petite démo du programme que j'ai écrite : https://github.com/lin-xin/wx...