18-2 Promise和setTimeout
第一步：sleep函数的实现（借由 setTimeout）
先深入理解setTimeout 函数
// MDN 对 setTimeout 的描述
setTimeout(functionRef, delay, param1, param2, /* … ,*/ paramN)
如上图，
-
示例1：第一个参数是
resolve('hello')时 ，其实是传入了resolve('hello')的结果，会立即执行拿到返回值，setTimeout到期后返回一个一个fullfilled状态的Promise -
示例2：第一个参数是
resolve，在setTimeout到期后将 ‘hello’ 作为参数执行resolve
sleep 函数实现
由上述例子可以得到，可以明显参考示例2，实现 sleep 指定时长后执行指定操作
const sleep = (time) => {
return new Promise(resolve => setTimeout(resolve, time))
}
sleep(1000).then(() => {
// 这里写你的操作
console.log('鸡丢了');
})
再深入一点 - sleepAsync 函数实现
async function sleepAsync() {
console.log('1')
let res = await sleep(1000)
console.log('2')
return res
}
sleepAsync()
第二步：实现 promisesetTimeout（拼多多面试题）
题目：实现一个promisesetTimeout方法，该方法接收两个参数：第一个参数为promise，第二个参数为number类型
结果需满足：
1）若Promise在第二个参数给定的时间内处于pending状态，则返回一个rejected的Promise，其reason为new Error('promise time out')
2）若Promise在第二个参数给定的时间内处于非pengding状态，则返回该Promise
题目拆解：
1、 超时函数：间隔 time 后抛出 error 的 Promise（即上文提及的 sleep 函数）
2、Promise.race（核心） ：只要有一个参数的 promise 的状态改变，整个返回的 Promise 状态就会跟着改变
// 超时函数 - 返回一个自定义睡眠时长的，用于抛出错误的 Promise
let timeout = (time) => new Promise((resolve, reject) => {
setTimeout(reject, time, new Error('promise time out'));
})
// 核心：通过 Promise.race 改变返回的 Promise 结果的状态
let promiseSetTimeout = (promise, time) => {
return Promise.race([promise, timeout(time)])
}
// 使用示例：
// 构建一个 promise 作为第一个参数 - sleep 函数实现
let p = (time) => new Promise((resolve) => {
setTimeout(resolve, time, 'rps')
})
console.log(promiseSetTimeout(p(5000), 1000));