Как вызвать локальную функцию из другой функции? - PullRequest
Новая
       24

Как вызвать локальную функцию из другой функции?

0 голосов
/ 07 ноября 2018 
function A {

      *// Inside function A We have below lines of code to do debouncing*

const debounce = (func, delay) => { 
    let debounceTimer 
    return function() { 
        const context = this
        const args = arguments 
            clearTimeout(debounceTimer) 
                debounceTimer 
            = setTimeout(() => func.apply(context, args), delay) 
    } 
}  
button.addEventListener('click', debounce(function() { 


      *// Some Code Will be Ecexuted here after 3000 ms*


                        }, 3000)); 

      *// function A ends here*
}

Теперь я хочу вызвать «clearTimeout (debounceTimer)» или любой другой возможный код, чтобы очистить время от этой отмены в другой функции (функция B) 

function B {

        *// How To Call "clearTimeout(debounceTimer)"???*

}

Ответы [ 2 ]

0 голосов
/ 07 ноября 2018

Пусть функция A возвращает объект, который дает вам ручку при очистке этого тайм-аута.

Например, вот так: 

const button = document.getElementById("btn");
const cancel = document.getElementById("can");
const log = document.getElementById("log");

function A() {
    const state = {
        clear: () => null
    }
    
    const debounce = (func, delay) =>
        (...args) => { 
            state.clear();
            state.clear = clearTimeout.bind(null, 
                    setTimeout(func.bind(null, ...args), delay));
        };
    
    button.addEventListener('click', debounce(function() { 
        log.textContent = "Message arrived at " + Date().match(/\d+:\d+:\d+/) 
                          + "\n" + log.textContent;
    }, 3000)); 

    return state;
}

function B(state) {
    state.clear();
}

const state = A();
cancel.addEventListener('click', B.bind(null, state));
0 голосов
/ 07 ноября 2018

Может быть, это может помочь: 

function A(func) {
   const obs$ = Observable.fromEvent(button, 'click')
                   .pipe(delay(debounceTime), map(args => func(args)));
   return obs$;
}

// Now you are free to use observable in function B.
function B() {
   const obs$ = A(/*your function*/);
   obs$.subscribe(res => /*use result*/)
       // Doing this will clear everything.
       .unsubscribe(() => {});
}
...