Запуск дорогого кода только один раз, при запуске нескольких изменений

Question

У меня есть несколько объектов ввода.

У меня есть код, который делает что-то, когда они изменяются -

for (var i=0; i<100; ++i) 
    my_inputs[i].on('change', function() { 
    showValue($(this).val()); // Display the value it changed to 
    someExpensiveOperation(); // A common refresh for any change 
    }); 

Я хочу, чтобы сбросить все из них 0.

for (var i=0; i<100; ++i) { 
    my_inputs[i].val(0); 
    my_inputs[i].change(); // Calls someExpensiveOperation 100 times! 
} 

Что хороший способ перестроить свой код, чтобы предотвратить обновление происходит при ручном сбросе значений? Будет ли обещать/отменять помощь здесь?

Answer 1

Вы можете дребезг звонков someExpensiveOperation():

var someExpensiveOperationDebouncing = 0; 

function debouncedSomeExpensiveOperation() { 
    if (someExpensiveOperationDebouncing) { 
     return; 
    } 

    // wait at least 1/4 second before calling someExpensiveOperation again 
    ++someExpensiveOperationDebouncing; 
    setTimeout(function() { 
     --someExpensiveOperationDebouncing; 
    }, 250); 

    someExpensiveOperation.apply(this, arguments); 
} 

также посмотреть на lodash-х _.debounce(func, [wait], [options]).

Answer 2

Вероятно, лучше иметь флаг испытания внутри someExpensiveOperation:

function someExpensiveOperation() { 
    if(skipExpensive) { 
    return; 
    } 
    // real work below... 
} 

skipExpensive = true; 
for (var i=0; i<100; ++i) { 
    my_inputs[i].val(0); 
    my_inputs[i].change(); 
} 
skipExpensive = false; 
someExpensiveOperation(); 

Answer 3

Просто разделите спецоперацию и дорогостоящую общую операцию, а затем, когда вы сбрасываете значения, вы можете позвонить дорогостоящая общая операция только в конце цикла.

function specialOperation(input) { 
    showValue($(this).val()); // Display the value it changed to 
} 
for (var i = 0; i < 100; ++i) 
    my_inputs[i].on('change', function() { 
     specialOperation(my_inputs[i]); 
     someExpensiveOperation(); // A common refresh for any change 
    }); 

Код сброс будет стать:

for (var i=0; i < 100; ++i) { 
    my_inputs[i].val(0); 
    specialOperation(my_inputs[i]); 
} 
someExpensiveOperation(); // A common refresh for any change