vanilla javascript（no lodash）のデバウンス機能

Question

vanadilla javascriptでデバウンス機能の例をlodashなしで表示できますか？私自身の解決策に取り組んでいましたが、正しく機能しませんでした。

Answer 1

クイックや汚れ（およびソートのテスト、F12コンソールの手で）いないライブラリを実装：それがどのように動作するかを

var timestamp = new Date(); 
var delay = 2000; // how many milliseconds should pass between executions 

function sortOfDebounce() { 

    var now = new Date(); 
    var timeDistance = (now.getTime() - timestamp.getTime()); 
    if(timeDistance <= delay) return; 

    timestamp = new Date(); 

    // Your code 
} 

：それはされていた場合に関数が呼び出されたとき、タイムスタンプに注意してください最後の時刻から何秒も経過していない時間がXミリ秒未満であれば、タイムスタンプを更新して続行します。

Answer 2

使用すると、アンダー

_.debounce(function, wait, [immediate]) 

パスimmediate = true

リンク：http://underscorejs.org/#debounce

サンプル

var fn = _.debounce(function(val) { 
 
    console.log(val); 
 
}, 100, true); 
 

 
fn(1); 
 
fn(2); 
 
fn(3); 
 
fn(4); 
 
fn(5);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>