掘金好文 | 你还在提交按钮上面用防抖函数？

文章预览

前言 在日常开发中会涉及到各种按钮请求，测试人员经常怼着一个按钮狂点不止。这样导致很多数据重复提交！ 「前端人员经常怼着测试说」 ：你能不能不要点那么快啊！ （由于有时候接口返回比较慢） 「测试回怼」 ：我不知道点击有没有成功呀！所以多点几次咯~ 「项目经理」 ：这是个 BUG，你们前后端开发商量一下看怎么修复吧！ 「后端人员」 ：这不是我的问题，请求慢我没办法。。前端发生的事，找前端吧！ 防抖 那既然这么喜欢围着按钮狂点，那就加防抖呗！     //伪代码     @click = 'handleSubmit' >有本事再狂点击      //省略...debounce的实现      const  handleSubmit =  debounce (submit, 1000 ) 加防抖看似解决了问题了。。没想到过了几天！测试又在提 BUG... 「测试」 : 兄弟，我咋还是重复提交了 2 条数据啊！ 「前端」 ：你又搞了什么骚操作？ ………………………………