用Promise实现一个请求超时

最新推荐文章于 2025-02-22 08:55:55 发布

原创最新推荐文章于 2025-02-22 08:55:55 发布 · 1.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #面试

面试同时被 2 个专栏收录

2 篇文章

订阅专栏

请求超时

1 篇文章

订阅专栏

本文介绍了如何使用Promise的race方法来实现一个请求超时功能，当请求超过设定的时间限制时，会触发超时回调。同时，通过示例展示了如何手写一个异步sleep函数，使得函数在指定时间后继续执行。这两个概念是理解异步编程和Promise的重要实践。

部署运行你感兴趣的模型镜像

用Promise实现一个请求超时

今天面试了一家公司，面试官问了一个‘能不能自己实现一个请求超时’，刚开始还是有点慌的，经过思考有了一些思路
请求请求！！第一时间想到的就是promise
刚好promise有个api是promise.race（[api1,api2…]）,这个api会优先返回最快的那一个请求

   let rest = function (_data = 4000) {
        return Promise.race([
            upload(),
            Timeout(_data)
        ])
    }
    function upload() {
        console.log('请求进行中...');
        return new Promise((resolve, reject) => {
        	//模拟的接口
            setTimeout(() => {
                resolve({ data:{code:200,data:[]} })
            }, 2000);
            // 向外暴露取消函数
            cancelFn = function (msg) {
                reject('请求超时，请重试');
            }

        })
    };
    function Timeout(times) {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                cancelFn();
            }, times)
        })
    }
   let res= rest()
    res.then(res=>{
        console.log(res);
    })

还有一个题是手写一个sleep函数

   async function async1(){
       await async2()
       //2秒后返回一个1
       console.log(1);
   }
   function async2(){
      ··········
   }

 async function async1(){
       await async2(2000)
       //2秒后返回一个1
       console.log(1);
   }
   function async2(timeout){
      return new Promise((resolve,reject)=>{
          setTimeout(() => {
            resolve()
          }, timeout);
      })
   }
   async1()