开发项目时，如何限制接口被多次点击调用

前言

在日常的开发中，经常会忽略掉按钮的重复点击提交，结果就是被细心的测试妹纸狂点按钮测试到不正常啦，哈哈哈哈。

那么我们该怎么来实现按钮的重复提交呢？

进入正题：

思路：
首先我们设置一个开关，当这个按钮被点击的时候，马上关掉开关，一直等程序运行完；后续如果还需要点击，再放开就好了

上代码

let switch = false;

doSomething() {

  if (switch) {

    return false;

  }

  switch = true;

  promise().then(res => {

    switch = false;

  }).catch(() => {

    switch = false;

  });

}

这就完成了一个开关了；每次点击按钮后只能调用一个接口；除非这个接口响应了后才可以继续点击哦。

如果有更好的方法，欢迎交流

❤️ 看完两件事

如果你觉得这篇内容对你挺有启发，我想邀请你帮我两个小忙：

1. 点个「赞」，把这篇内容分享到你的QQ/微信群，让更多的人也能看到 -_-，
2. 关注公众号「IT平头哥联盟」，一起进步，一起成长！

• 更多文章
• 被问机率高达99.6%的Vue面试题
• 面试官到底想看什么样的简历？
• 高频面试题之JavaScript的数组有什么特殊不同吗

JS中文网 - 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台，每天都可以在这里找到技术世界的头条内容