如何从setTimeout回调获取返回值？[重复]

Question

考虑这个代码

const obj = {
  generate(num) {
    return Math.random()*num;
  },
  add(a,b) {
    return this.generate(a) + this.generate(b)
  }
};

function delay(func, ms) {
  function wrapper() {
    setTimeout(() => func.apply(this, arguments), ms)  // How can I get the return value from the original function?
  }

  return wrapper;
}

// create wrappers
obj.f1000 = delay(obj.add, 1000);
obj.f1500 = delay(obj.add, 1500);

obj.f1000(1,3);
obj.f1500(2,5);

我做了一个包装器来延迟add（）的方法调用是否有办法从setTimeout内部的回调中检索值，即this.generate（a）this.generate（b）从添加（）？

Answer 1

由于setTimeout将异步执行回调，因此需要使用promise（ES6）或异步/等待（ES7）。

您可以为ES5重新填充它。

const obj = {
  generate(num) {
    return Math.random() * num;
  },
  add(a, b) {
    return this.generate(a) + this.generate(b);
  }
};

// create promise
function timedPromise(func, args, ms) {
  return new Promise(resolve => {
    setTimeout(() => {
      // spread operator
      resolve(func.apply(null, args));
    }, ms);
  });
}

// create a function that creates a promise
function delay(func, ms) {
  function wrapper() {
    return timedPromise(func, arguments, ms);
  }

  return wrapper;
}

// obj.add uses this.generate, but 'this' was not bound to obj
obj.f1000 = delay(obj.add.bind(obj), 1000);
obj.f1500 = delay(obj.add.bind(obj), 1500);

console.info('calculating...')
const result1 = obj.f1000(1, 3);
const result2 = obj.f1500(2, 5);

result1.then(result => {
  console.info('f1000', result);
})

result2.then(result => {
  console.info('f1500', result);
})

Answer 2

只需在包装器中更改此行：

setTimeout(() => func.apply(this, arguments), ms) 

回报promise（ES6）

return new Promise(resolve => setTimeout(() => resolve(func.apply(this, arguments)), ms));

您可以通过访问延迟结果。然后。

根据OP的请求更新，编辑答案以使用async/await代替then。由于await需要在声明为async的函数中调用，因此我们需要将js代码封装在新函数中（main（）如下）：

const obj = {
  generate(num) {
    return Math.random() * num;
  },
  add(a, b) {
    return this.generate(a) + this.generate(b)
  },

};

function delay(func, ms) {
  function wrapper() {
    // CHANGE THIS LINE
    return new Promise(resolve => setTimeout(() => resolve(func.apply(this, arguments)), ms)); // How can I get the return value from the original function?
  }
  return wrapper;
}

//await can only work in an 'async' function
async function main() {
  obj.f1000 = delay(obj.add, 1000);
  console.time('completed');

  // add await here
  let x = await obj.f1000(1, 3); 
  console.log(x);
  console.timeEnd('completed');
}

main();