javascript中的简单异步函数

Question

我正在使用 async/await 和下面的代码，在响应 const 中的 setTimeout 在 5 秒后完成之前，响应不应该为空或 null 吗？并且不应该响应返回 xyz 而不是 1？

async function test() {
  try {
    const response = await setTimeout(
      function() { 
        const obj = {};
        obj.text = "xyz";
        console.log('should console log after 5 seconds')
        return obj;
      }, 
    5000)

    if (response) {
      console.log(`response is ${response}`)
      console.log(`response.text is ${response.text}`)
    }
  } 
  catch(err) {
    console.log(err)
  }
}

test();

Answer 1

你必须设置一个 Promise 来等待 setTimeout()。

async function test() {
try {
    const response = await new Promise((resolve) => {
        setTimeout(
            function() {
                const obj = {};
                obj.text = "xyz";
                console.log('should console log after 5 seconds')
                return resolve(obj);
            },
            5000)
    });

    if (response) {
        console.log(`response is ${response}`)
        console.log(`response.text is ${response.text}`)
    }
}
catch(err) {
    console.log(err)
}
}

test();

Answer 2

要使您的代码按预期工作，您需要将设置的超时包装在一个承诺中。检查sn-p。 setTimeout 不包装在 promise 中，立即返回 value，即计时器的 ID 值。

async function test() {
  try {
    const response = await new Promise(function(resolve, reject) {
      setTimeout(
        function() {
          const obj = {};
          obj.text = "xyz";
          console.log('should console log after 5 seconds')
          resolve(obj);
        },
        5000)
    })

    if (response) {
      console.log(`response is ${response}`)
      console.log(`response.text is ${response.text}`)
    }
  } catch (err) {
    console.log(err)
  }
}

test();