函数内使用Promise出现'then is not a function'错误的排查

一、为什么会出现「delay.then is not a function」错误？ #

你写的delay函数现在返回的是setTimeout的返回值——一个定时器ID（数字类型），而不是Promise实例。只有Promise对象才有.then()方法，所以调用delay().then()时才会抛出这个错误。

你原来的delay写法逻辑有误：

const delay = (timer, num) => setTimeout(() => Promise.resolve(num), timer)

这里setTimeout执行后直接返回了定时器ID，回调里的Promise.resolve(num)只是在1秒后执行了，但并没有把这个Promise作为delay的返回值，自然没法链式调用.then()。

二、修正后的代码 #

要让delay返回Promise，得把setTimeout包裹在Promise内部，正确写法如下：

const obj = [];
// 修正delay，返回Promise实例
const delay = (timer, num) => new Promise(resolve => {
  setTimeout(() => {
    resolve(num);
  }, timer);
});

// 执行异步插入操作
_.times(10).forEach(o => {
  delay(1000, o).then(num => {
    obj.push(num);
    console.log(obj); // 打印完整数组，而不是push返回的新长度
  });
});

如果你希望按顺序逐个插入（而不是1秒后一次性输出所有结果），可以用async/await配合循环实现：

const obj = [];
const delay = (timer, num) => new Promise(resolve => {
  setTimeout(() => resolve(num), timer);
});

// 自执行异步函数实现顺序执行
(async () => {
  for (const o of _.times(10)) {
    const num = await delay(1000, o);
    obj.push(num);
    console.log(obj);
  }
})();

三、关于「是否无需使用Promise？因为setTimeout本身已是Promise？」的疑问 #

答案是否定的：setTimeout根本不是Promise，它是浏览器/Node.js提供的回调式异步API，返回的只是一个用于取消定时器的数字ID，完全不具备Promise的特性（比如.then()、.catch()方法，或者能被await等待）。

只有把setTimeout包装成Promise后，才能用Promise的链式调用或async/await来更优雅地处理异步流程。

内容的提问来源于stack exchange，提问作者Alisa F. Kennedy