Me gustaría detener un temporizador después de eliminar la variable que contiene la función que la ejecutó.
Lo siguiente funciona pero requiere un paso adicional:
foo = (function() { function doSomething() { console.log('I am running ') timer1 = setTimeout(doSomething, 2000) } doSomething() console.log('timer is #' + (bob)) return { stopTimer: function() { clearTimeout(timer1) return true } } })() // // let it run a while.. // // later, stop it .. this works but is an extra step foo.stopTimer() // no more logs .. successEs decir, detiene el temporizador. Sin embargo, el OBJETIVO REAL es solo hacer esto:
foo = <new code like a new version overwriting the existing one> -- or less desirably -- foo = nullY haz que se detengan los temporizadores. ¿Es posible? y si lo es, ¿cómo?
Es posible , pero solo mediante el uso de trucos, lo que recomiendo encarecidamente no hacer, porque ofuscan en gran medida la intención del código.
Al poner foo en el objeto global (o with with - por favor no lo haga), puede convertirlo en getter/setter, donde el setter, cuando se invoque, llamará a stopTimer .
let timer1; function doSomething() { console.log('I am running ') timer1 = setTimeout(doSomething, 1000) } doSomething(); Object.defineProperty( window, 'foo', { set(newArg) { clearTimeout(timer1); // delete this setter delete window.foo window.foo = newArg; }, configurable: true } ); button.onclick = () => { console.log('stopping timer'); foo = null; console.log('new value of window.foo:', foo); }; <button id="button">stop</button> Un enfoque más sensato, si su objetivo es no tener que tener una línea que llame a foo.stopTimer y también tener una línea que cree un nuevo temporizador (o algo así), sería crear un método que detenga el temporizador y cree el nuevo deseado de una vez, como
// callback interval foo.makeNewTimer(() => console.log('new'), 1000);