javascript - masalah masa pelaksanaan js yang dihadapi dalam program mini

Question

Adegan adalah program kecil, dan pengikatan dalam program kecil adalah sehala Berikut adalah contoh saya ingin menetapkan warna dan kemudian nama halaman mesti mencerminkan urutan ini, iaitu, ia menjadi merah terlebih dahulu , dan kemudian namanya menjadi Tom

function test () {

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

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

Sebenarnya melakukan ini, kedua-duanya dilaksanakan pada masa yang sama, penyelesaian saya adalah seperti berikut:

function test () {

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

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

}

Dengan cara ini, anda boleh menukar warna dahulu dan kemudian menukar nama
Pada masa ini, program saya menghadapi masalah prestasi, serupa dengan beberapa modul saya rasa terdapat banyak kod yang menyalahgunakan kaunter, tetapi saya tidak tahu bagaimana menyelesaikannya?

Answer 1

Mengapa anda menulis ujian fungsi (){}?

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

Selepas melaksanakan kaedah changeName, nama dalam halaman akan dikemas kini tanpa memuat semula halaman.
Anda boleh lihat demo program kecil yang saya tulis: https://github.com/lin-xin/wx...