同じ関数をJavaScriptで何度も呼び出すのを止める方法は？

Question

ここではHTMLコードですが、clearfixクラスをクリックすると関数が呼び出され、同じ関数が4回実行されます。

<div class="clearfix"> 
    <ul id="dashboard-tab" class="nav nav-tabs pull-left"> 
     <li class="active" isdashboardloaded="true"> 
      <a data-toggle="tab" href="#dashboard_5" aria-expanded="true">DashLoadingLineChart</a> 
     </li> 
     <li class="" isdashboardloaded="true"> 
      <a data-toggle="tab" href="#dashboard_6" aria-expanded="false">Zoom</a> 
     </li> 
    </ul> 
</div> 

JS機能

$(document).on('click','.clearfix',function(){ 
    var dashId=$('.dashboardTabContent.active').attr('id'); 
    var dash_ids = bu.angular.pageScope.dashboardCollection.collection; 
    var dashBoardUrl=event.target.href; 
    $.each(dashObj.widgetObj,function(widgetId,widgetObj){ 
     clearWidget(widgetId,widgetObj.mode); 
     var widget_refresh_interval = widgetObj.refresh_interval; 
     //widgetInterval[widgetId] = 0; 
     clearInterval(widgetInterval[widgetId]); 
     bu.angular.pageScope.$digest(); 
     widgetWiseReload(widgetId,dashId) 
     getWidgetData(widgetId,dashId,widgetObj,data_sources); 
    }); 
}); 

私は一度だけ、この関数を実行する必要があるが、それは2回以上実行されています。

Answer 1

機能を複数回追加していることがあります。これを試してみてください：

$(document).off("click", ".clearfix").on('click','.clearfix',function() { 
    $.each(dashObj.widgetObj,function(widgetId,widgetObj){ 
     clearWidget(widgetId,widgetObj.mode); 
     var widget_refresh_interval = widgetObj.refresh_interval; 
     //widgetInterval[widgetId] = 0; 
     clearInterval(widgetInterval[widgetId]); 
     bu.angular.pageScope.$digest(); 
     widgetWiseReload(widgetId,dashId) 
     getWidgetData(widgetId,dashId,widgetObj,data_sources); 
    }); 
}); 

これは、それを再度取り付ける前に、イベントを切り離しますので、複数回呼び出された場合、それは実際には、1時間に付加されます。

Protip：インデントをきれいに保ちます。

Protip 2これが問題だった場合は、このコードをこのハッキングを使用する代わりに複数回呼び出す理由を調べる必要があります。

Answer 2

// define a function of runOce 
function runOnce(fn) { 
    var isDone = false; 
    return function(){ 
    if(isDone){ 
     return; 
    } 
    isDone = true; 
    fn(); 
    }; 
} 

// demo 
function youWantRunFn(){ 
    alert(0); 
} 
var changeYourFn = runOnce(youWantRunFn); 
// now,changeYourFn only can run once 
changeYourFn(); // alert 0 
changeYourFn(); // nothing