【JS】Promise中包含setTimeout/setInterval时的resolve触发

最新推荐文章于 2025-04-08 15:54:06 发布

爆爆爆炸beng

最新推荐文章于 2025-04-08 15:54:06 发布

阅读量3.8k

点赞数

分类专栏： JS 文章标签： Promise setTimeout setInterval JavaScript

本文链接：https://blog.youkuaiyun.com/sinat_37592533/article/details/88587064

版权

本文探讨了在JavaScript Promise中使用setTimeout和setInterval时如何正确触发resolve。通过四个不同的解决方案，分析了各种情况下f1和f2的执行顺序。方案一和方案二分别因f2先于f1执行和f1的复用性问题而失败。方案三通过setTimeout确保了f1执行完成后再触发p2，但可能导致不必要的延迟。方案四利用setInterval检查f1执行状态，成功实现了紧接执行，但需依赖于f1的结束条件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提：

1.假设函数f1和f2异步执行，f1和f2在promise中被调用

2.f1执行所需的时间不确定，且f1中有可能会有其他异步操作

问题：

无法确定f1所处的Promise对象中，resolve返回的正确位置

解决方案：

基本的f1和f2代码段如下：

var f1=function(){
  setTimeout(function(){
     console.log('this is p1');
  },2000)
}
var f2=function(){
  console.log('this is p2');
}

方案一：

1.完全不考虑f1的执行时间，直接返回resolve

2.输出：this is p2 this is p1

2.评价：失败； f2先于f1执行

var p1=function(){
  return new Promise(function(resolve,reject){
    f1();
    resolve();   //调用f1后直接执行了resolve，但是f1实际没有执行完成
  });
}
var p2=function(){
  return new Promise(function(resolve,reject){
    f2();
  });
}

p1()
.then(p2);

方案二：

1.将resolve传参到f1中执行，如下需要改写下f1的定义

2.输出&