JavaScript 手写 setTimeout 及 同步调用和异步调用

demo

let timeout = (sec, num) => {

  const now = new Date().getTime() // 获取进入方法时的时间

  let flag = true

  let count = 0

  while (flag) {

    count++

    const after = new Date().getTime() // 执行到此的时间

    const dealy = sec * 1000

    if (after - dealy >= now) { // 比较是否已经过了设置的时间

      flag = false

    }

  }

  return new Promise((resolve, reject) => {

    resolve(num * num)

  })

}

// 使用async包装返回Promise的方法

async function tryWithAsync(sec, num) {

  const res = await timeout(sec, num)

  return res

}

tryWithAsync(3, 10).then(value => console.info(value)) //  100

// 直接调用返回Promise的方法

let result = ''

const res = timeout(1, 20)

console.info(res) //  Promise { 400 }

// 返回的是一个promise,promise中resolve中的值需要在then中拿到

res.then(x => { // 微任务先执行

  console.info(x) //  400

})