微信setData回调函数中存在哪些容易忽视的潜在问题或坑？

本文共计871个文字，预计阅读时间需要4分钟。

在最近更新的录音功能中，需要的大体操作如下：点击开始录音按钮，页面状态变为录音中，然后开始录音。测试中我们发现，当快速连续点击开始录音按钮时，会出现触点多于一次的问题。

最近在做录音功能，需求大体是这样的：点击开始录音按钮，页面状态变为录音中，然后开始录音。

不过伟大的测试同学发现了一个问题：当快速的连续点击开始录音按钮时，会触发多次开始录音的事件，这样在结束录音时就仍然会有一个正在录音中的标识，像这样:

下面开始曲折的修复之路:

最开始的代码是这样的:

Page({ /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { // 初始化录音管理器 this.recorderManager = wx.getRecorderManager() // 录音开始事件 this.recorderManager.onStart(() => { }) }, /** * 录音按钮点击事件 */ tapRecordBtn: function() { this.setData({ // 切换页面显示 }, () => { // 开始录音 this.recorderManager.start({}) }) }, })

这时我的猜测是：页面重新渲染之前，按钮还是显示状态，所以还能被点击。