微信setData回調(diào)函數(shù)的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)微信setData回調(diào)函數(shù)的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的河北網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

最近在做錄音功能，需求大體是這樣的：點(diǎn)擊開始錄音按鈕，頁面狀態(tài)變?yōu)殇浺糁校缓箝_始錄音。

不過偉大的測試同學(xué)發(fā)現(xiàn)了一個問題：當(dāng)快速的連續(xù)點(diǎn)擊開始錄音按鈕時，會觸發(fā)多次開始錄音的事件，這樣在結(jié)束錄音時就仍然會有一個正在錄音中的標(biāo)識，像這樣:

下面開始曲折的修復(fù)之路:

最開始的代碼是這樣的:

Page({

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function(options) {
  // 初始化錄音管理器
  this.recorderManager = wx.getRecorderManager()

  // 錄音開始事件
  this.recorderManager.onStart(() => {
   
  })
 },

 /**
  * 錄音按鈕點(diǎn)擊事件
  */
 tapRecordBtn: function() {
  this.setData({
   // 切換頁面顯示
  }, () => {
   // 開始錄音
   this.recorderManager.start({})
  })
 },
})

這時我的猜測是：頁面重新渲染之前，按鈕還是顯示狀態(tài)，所以還能被點(diǎn)擊。

那既然這樣，就加個標(biāo)識，在一次點(diǎn)擊之后，到頁面重新渲染之前，都不能再次點(diǎn)擊就好了，代碼如下：

Page({

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function(options) {
  // 初始化錄音管理器
  this.recorderManager = wx.getRecorderManager()
  // 錄音開始按鈕點(diǎn)擊標(biāo)識
  this.isRecordBtnClicked = false

  // 錄音開始事件
  this.recorderManager.onStart(() => {

  })
 },

 /**
  * 錄音按鈕點(diǎn)擊事件
  */
 tapRecordBtn: function() {
  // 如果錄音按鈕已被點(diǎn)擊(錄音即將開始)，則不會再次觸發(fā)開始錄音事件
  if (this.isRecordBtnClicked) {
   return
  }
  this.isRecordBtnClicked = true

  this.setData({
   // 切換頁面顯示
  }, () => {
   this.isRecordBtnClicked = false
   // 開始錄音
   this.recorderManager.start({})
  })
 },
})

想法是好的，不過并沒有實(shí)現(xiàn)想要的效果。還是可以被多次點(diǎn)擊。

于是在多次實(shí)驗(yàn)之后，改為如下的方式（可行）：

Page({

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function(options) {
  // 初始化錄音管理器
  this.recorderManager = wx.getRecorderManager()
  // 錄音開始按鈕點(diǎn)擊標(biāo)識
  this.isRecordBtnClicked = false

  // 錄音開始事件
  this.recorderManager.onStart(() => {
   // 將錄音按鈕的點(diǎn)擊狀態(tài)在錄音開始時修改
   this.isRecordBtnClicked = false
  })
 },

 /**
  * 錄音按鈕點(diǎn)擊事件
  */
 tapRecordBtn: function() {
  // 如果錄音按鈕已被點(diǎn)擊(錄音即將開始)，則不會再次觸發(fā)開始錄音事件
  if (this.isRecordBtnClicked) {
   return
  }
  this.isRecordBtnClicked = true

  this.setData({
   // 切換頁面顯示
  }, () => {
   // 開始錄音
   this.recorderManager.start({})
  })
 },

})

將按鈕的點(diǎn)擊狀態(tài)在錄音開始事件中進(jìn)行重置，就可以解決這個問題了。

說一下最后驗(yàn)證的結(jié)果：setData() 方法的回調(diào)函數(shù)并不是在頁面重新渲染完之后才執(zhí)行的，所以并不能以回調(diào)函數(shù)作為一個明確的時間點(diǎn)來處理一些邏輯。而由于recorderManager.onStart() 方法觸發(fā)時會有一定的延時，所以間接的解決了這個問題。

關(guān)于“微信setData回調(diào)函數(shù)的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

當(dāng)前名稱：微信setData回調(diào)函數(shù)的示例分析
文章出自：http://www.jbt999.com/article30/psehpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、App設(shè)計、網(wǎng)站建設(shè)、軟件開發(fā)、面包屑導(dǎo)航、網(wǎng)頁設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)