125

I just want to get the return value from setTimeout but what I get is a whole text format of the function?

function x () {
    setTimeout(y = function () {
        return 'done';
    }, 1000);
    return y;
}

console.log(x());
HDJEMAI
  • 9,436
  • 46
  • 67
  • 93
Vainglory07
  • 5,073
  • 10
  • 43
  • 77

5 Answers5

148

You need to use Promises for this. They are available in ES6 but can be polyfilled quite easily:

function x() {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       resolve('done!');
     });
   });
}

x().then((done) => {
  console.log(done); // --> 'done!'
});

With async/await in ES2017 it becomes nicer if inside an async function:

async function() {
  const result = await x();
  console.log(result); // --> 'done!';
}
rajniszp
  • 150
  • 7
Matt Clarkson
  • 14,106
  • 10
  • 57
  • 85
17

You can't get a return value from the function you pass to setTimeout.

The function that called setTimeout (x in your example) will finish executing and return before the function you pass to setTimeout is even called.

Whatever you want to do with the value you get, you need to do it from the function you pass to setTimeout.

In your example, that would be written as:

function x () {
    setTimeout(function () {
        console.log("done");
    }, 1000);
}

x();
Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
6

Better to take a callback for function x and whatever task you want to perform after that timeout send in that callback.

function x (callback) {
    setTimeout(function () {
        callback("done");
    }, 1000);
}

x(console.log.bind(console)); //this is special case of console.log
x(alert) 
Mritunjay
  • 25,338
  • 7
  • 55
  • 68
  • 2
    Bare in mind, that this will not await after the function call, so it might actually not happen. For example add process.exit, after calling x and "done" will be never done. – user732456 Oct 30 '18 at 08:42
-1

You can use a combination of Promise and setTimeOut like the example below

let f1 = function(){
    return new Promise(async function(res,err){
        let x=0;
        let p = new Promise(function(res,err){
            setTimeout(function(){
                x= 1;
                res(x);
            },2000)
        })
        p.then(function(x){
            console.log(x);
            res(x);
        })


    });
}
-6

I think you want have flag to know event occured or no. setTimeout not return a value. you can use a variable to detect event occured or no

var y="notdone";
   setTimeout(function () {
         y="done";
    }, 1000);

You can access variable y after timeout occured to know done or not

tuan huynh
  • 727
  • 5
  • 13