What is the best general practice to timeout a function in promise [closed]

by

It depends on what you mean by timeout.

If you expect the function to stop, then no.

If you just want to stop waiting for it, then yes (quick to whip up in ES6):

var wait = ms => new Promise(resolve => setTimeout(resolve, ms));
var timeout = (p, ms) => Promise.race([p, wait(ms).then(() => {
    throw new Error("Timeout after " + ms + " ms");
})]);


var wait = ms => new Promise(resolve => setTimeout(resolve, ms));
var timeout = (p, ms) => Promise.race([p, wait(ms).then(() => {
  throw new Error("Timeout after " + ms + " ms");
})]);

// Example:

var log = msg => div.innerHTML += "<p>" + msg + "</p>";
var failed = e => log(e.toString() + ", line " + e.lineNumber);

log("Waiting 5 seconds...");
timeout(wait(5000), 2000)
.then(() => log("...Done."))
.catch(failed);
<div id="div"></div>

If you want to cancel the operation (make it stop), then hopefully that operation comes with an API to cancel it, and you should use that, since an ES6 promise is not a control surface.

Cancelable promises is a controversial topic in ES6, but some of the libraries mentioned do offer the concept.

More Related Contents:

  1. How to return many Promises and wait for them all before doing other stuff
  2. When is the body of a Promise executed?
  3. ES6 Promise.all() error handle – Is .settle() needed? [duplicate]
  4. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  5. When would someone need to create a deferred?
  6. Promises, pass additional parameters to then chain
  7. How to extract data out of a Promise
  8. Are JavaScript forever-pending promises bad?
  9. Why does javascript ES6 Promises continue execution after a resolve?
  10. ES6 Promise replacement of async.eachLimit / async.mapLimit
  11. Why does JavaScript Promise then handler run after other code?
  12. When is the body of a Promise constructor callback executed?
  13. Can I fire and forget a promise in nodejs (ES7)?
  14. How to dodge jQuery promises completely when chaining two async jQuery functions?
  15. Cancel a vanilla ECMAScript 6 Promise chain
  16. ES6 promise settled callback?
  17. multiple, sequential fetch() Promise
  18. How do I tell if an object is a Promise?
  19. How to use promise in forEach loop of array to populate an object
  20. Should a Promise.reject message be wrapped in Error?
  21. Why do I need to await an async function when it is not supposedly returning a Promise?
  22. How to know when all Promises are Resolved in a dynamic “iterable” parameter?
  23. ES6 Promises – something like async.each?
  24. Filtering an array with a function that returns a promise
  25. using a fetch inside another fetch in javascript
  26. Why is the response object from JavaScript fetch API a promise?
  27. Why does the Promise object block rendering?
  28. JavaScript asynchronous programming: promises vs generators
  29. using await on global scope without async keyword
  30. What are the implications of the recursive joining of Promises in terms of Monads?

Leave a Comment