開發項目時，如何限制接口被屢次點擊調用

前言

在平常的開發中，常常會忽略掉按鈕的重複點擊提交，結果就是被細心的測試妹紙狂點按鈕測試到不正常啦，哈哈哈哈。

那麼咱們該怎麼來實現按鈕的重複提交呢？

進入正題：

思路：
首先咱們設置一個開關，當這個按鈕被點擊的時候，立刻關掉開關，一直等程序運行完；後續若是還須要點擊，再放開就行了

上代碼

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
一個致力於幫助開發者用代碼改變世界爲使命的平臺，天天均可以在這裏找到技術世界的頭條內容