js防止重復觸發事件

NeverSayNever 發布于2019-08-01 18:04 / 936人閱讀

摘要：返回正被執行的對象，也就是所指定的對象的正文。可選項參數是當前正在執行的對象的名稱。屬性是對象的一個成員，它表示對函數對象本身的引用，這有利于匿名函數的遞歸或者保證函數的封裝性。而該屬性僅當相關函數正在執行時才可用。

調用函數

之前做項目的過程中，為了防止用戶重復點擊事件，往往在每一個函數里寫一個flag來做判斷，但是這樣的方式會導致代碼冗余，所以借助函數里arguments.callee ,寫了一個函數，如下：

// 防重復觸發
stopReapeatEvent=function (obj) {
    if (obj.callFlag) return true;
    obj.callFlag=!obj.callFlag;
    clearTimeout(obj.iTime);
    obj.iTime=setTimeout(function(){
        obj.callFlag=!obj.callFlag;
    }, 1000);
}

調用的時候也很簡單，

//調用
if(stopReapeatEvent(arguments.callee))  return ;

原理：補充 caller 和 callee 知識點 caller：

返回一個對函數的引用，該函數調用了當前函數。

functionName.caller

functionName 對象是所執行函數的名稱。

說明：對于函數來說，caller 屬性只有在函數執行時才有定義。如果函數是由 Javascript 程序的頂層調用的，那么 caller 包含的就是 null 。

callee：

返回正被執行的 Function 對象，也就是所指定的 Function 對象的正文。

[function.]arguments.callee
可選項 function 參數是當前正在執行的 Function 對象的名稱。

說明

callee 屬性的初始值就是正被執行的 Function 對象。

callee 屬性是 arguments 對象的一個成員，它表示對函數對象本身的引用，這有利于匿名函數的遞歸或者保證函數的封裝性。而該屬性僅當相關函數正在執行時才可用。還有需要注意的是callee擁有length屬性，這個屬性有時候用于驗證還是比較好的。arguments.length是實參長度，arguments.callee.length是形參長度，由此可以判斷調用時形參長度是否和實參長度一致。

求指正，謝謝！

云服務器 GPU云服務器 js觸發事件 js取消觸發事件 js 輸入時觸發事件 js 自定義觸發事件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51564.html

js防止重復觸發事件

摘要：返回正被執行的對象，也就是所指定的對象的正文。可選項參數是當前正在執行的對象的名稱。屬性是對象的一個成員，它表示對函數對象本身的引用，這有利于匿名函數的遞歸或者保證函數的封裝性。而該屬性僅當相關函數正在執行時才可用。調用函數之前做項目的過程中，為了防止用戶重復點擊事件，往往在每一個函數里寫一個flag來做判斷，但是這樣的方式會導致代碼冗余，所以借助函數里arguments.cal...

GT 2019-08-21 17:47 評論0 收藏0
js防止重復觸發事件

摘要：返回正被執行的對象，也就是所指定的對象的正文。可選項參數是當前正在執行的對象的名稱。屬性是對象的一個成員，它表示對函數對象本身的引用，這有利于匿名函數的遞歸或者保證函數的封裝性。而該屬性僅當相關函數正在執行時才可用。調用函數之前做項目的過程中，為了防止用戶重復點擊事件，往往在每一個函數里寫一個flag來做判斷，但是這樣的方式會導致代碼冗余，所以借助函數里arguments.cal...

e10101 2019-08-29 13:51 評論0 收藏0
JS進階篇3---函數“節流” VS “防抖”

摘要：目的都是為了降低回調函數執行頻率，節省計算機資源，優化性能，提升用戶體驗。函數防抖事件頻繁觸發的情況下，只有經過足夠的空閑時間，才執行代碼一次。函數節流和函數防抖的對比分析一、前言前端開發中，函數節流（throttle）和函數防抖（debounce）作為常用的性能優化方法，兩者都是用于優化高頻率執行 js 代碼的手段，那具體它們有什么異同點呢？有對這兩個概念不太了解的小伙伴...

hlcc 2019-08-23 18:21 評論0 收藏0
js 函數節流和防抖

摘要：函數節流和防抖防抖和節流的作用都是防止函數多次調用。頁面窗口的事件方法節流方法閉包節流防抖一段時間內觸發事件只執行一次。 js 函數節流和防抖防抖和節流的作用都是防止函數多次調用。區別在于，假設一個用戶一直觸發這個函數，且每次觸發函數的間隔小于wait，防抖的情況下只會調用一次，而節流的情況會每隔一定時間（參數wait）調用函數。 throttle 節流節流是將多次執行變成每隔一...

atinosun 2019-08-23 12:25 評論0 收藏0
JS進階篇2---函數防抖（debounce）

摘要：函數防抖的要點，是需要一個來輔助實現，延遲運行需要執行的代碼。若計時期間事件沒有被重新觸發，等延遲時間計時完畢，則執行目標代碼。而非立即執行版指的是觸發事件后函數會立即執行，然后秒內不觸發事件才能繼續執行函數的效果。。 JS中的函數防抖一、什么是函數防抖概念：函數防抖（debounce），就是指觸發事件后，在 n 秒內函數只能執行一次，如果觸發事件后在 n 秒內又觸發了事件，則會重...

zhongmeizhi 2019-08-23 18:19 評論0 收藏0