实现异步操作sleep

这两个函数 sleepdelay 都是使用 JavaScript 的 Promise 和 setTimeout 来实现异步操作的。不过它们的功能略有不同,下面我为你详细解释:

sleep 函数

sleep 函数接受一个秒数 seconds,并返回一个 Promise,该 Promise 在指定的秒数后解析。它主要用于在异步操作中模拟等待或延迟。

const sleep = (seconds) => new Promise(resolve => setTimeout(resolve, seconds));

// 使用示例
async function demo() {
  console.log('开始');
  await sleep(2); // 等待2秒
  console.log('2秒后');
}

demo();

delay 函数

delay 函数接受一个函数 func、一个秒数 seconds 和一些额外的参数 ...args。这个函数返回一个 Promise,该 Promise 在指定的秒数后调用传入的函数 func 并将其结果作为 Promise 的解析值。如果 func 函数抛出异常,那么 delay 返回的 Promise 会被拒绝。

function delay (func, seconds, ...args) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      Promise.resolve(func(...args)).then(resolve, reject); // 注意这里也处理了reject
    }, seconds);
  });
}

// 使用示例
function greet(name) {
  return `Hello, ${name}!`;
}

delay(greet, 2000, 'World').then(result => console.log(result)); // 等待2秒后输出 "Hello, World!"

注意事项

  • delay 函数中,Promise.resolve(func(...args)) 是为了确保即使 func 不是一个返回 Promise 的函数,我们也能以统一的方式处理其返回值或抛出的异常。
  • 如果 func 是一个返回 Promise 的函数,那么 delay 也会等待这个 Promise 解析或拒绝后再继续。
  • delay 的实现中,我们同时处理了 resolvereject 的情况,以确保即使 func 抛出异常,delay 返回的 Promise 也能正确地拒绝。
  • delay 函数提供了更高级的功能,因为它允许你在延迟后执行任意函数并处理其结果或异常。而 sleep 函数则更简单,只是简单地等待一段时间。
相关推荐
昙鱼6 分钟前
springboot创建web项目
java·前端·spring boot·后端·spring·maven
eternal__day6 分钟前
数据结构(哈希表(中)纯概念版)
java·数据结构·算法·哈希算法·推荐算法
天之涯上上10 分钟前
JAVA开发 在 Spring Boot 中集成 Swagger
java·开发语言·spring boot
天天进步201511 分钟前
Vue项目重构实践:如何构建可维护的企业级应用
前端·vue.js·重构
2402_8575834911 分钟前
“协同过滤技术实战”:网上书城系统的设计与实现
java·开发语言·vue.js·科技·mfc
白宇横流学长12 分钟前
基于SpringBoot的停车场管理系统设计与实现【源码+文档+部署讲解】
java·spring boot·后端
蟾宫曲13 分钟前
Node.js 工具:在 Windows 11 中配置 Node.js 的详细步骤
windows·npm·node.js·前端工具
小华同学ai14 分钟前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
APP 肖提莫15 分钟前
MyBatis-Plus分页拦截器,源码的重构(重构total总数的计算逻辑)
java·前端·算法
kirito学长-Java17 分钟前
springboot/ssm太原学院商铺管理系统Java代码编写web在线购物商城
java·spring boot·后端