了解与 setTimeout 和 setInterval 一起使用的 javascript 承诺答案

【问题标题】：Understanding javascript promise used with setTimeout and setInterval了解与 setTimeout 和 setInterval 一起使用的 javascript 承诺
【发布时间】：2023-03-05 09:00:01
【问题描述】：

有人可以帮我理解这两行代码并改进它们以真正让我停止重复吗？

var wait = ms => new Promise(r => setTimeout(r, ms));
var repeat = (ms, func) => new Promise(r => (setInterval(func, ms), wait(ms).then(r)));

repeat(1000, () => Promise.all([myfunction()])
  .then(...)

【问题讨论】：

jsfiddle.net/daronwolff/n10n17ag
用“经典” ES 表示法将它们写出来，将箭头表示法input => doAthing 替换为function(input) { doAthing }，然后看看你是否理解它的作用。
这是一种异步轮询吗？比如“每隔 n 秒运行一次异步函数”？

标签： javascript promise

【解决方案1】：

第一行（等待）只是等待一定的毫秒数然后结束。

第二行 (repeat) 将一个函数编程为在某个时间间隔 (setInterval) 内运行，然后调用 wait 并将重复函数上设置的毫秒数传递给它。这些函数只被调用一次。 Javascript 的 setInterval 内部控制是从现在开始以编程的时间间隔调用() => Promise.all([myfunction()]) 的控制。

如果你只是识别你的代码，事情就会变得更清晰。

var wait = 
    ms => new Promise(
        r => setTimeout(r, ms)
    );

var repeat = 
    (ms, func) => new Promise(
        r => (
            setInterval(func, ms), 
            wait(ms).then(r)
        )
    );

repeat(1000, () => Promise.all([myfunction()]))
.then(...);

为了停止函数，您必须捕获间隔的 id 并调用 clearInterval，正如 SimpleJ 指出的那样。一旦你完全投入其中，你可能会想用 Promises 来做这件事。所以一个完整的工作示例是：

var intervalID = 0;

var wait = 
    ms => new Promise(
        r => setTimeout(r, ms)
    );

var repeat = 
    (ms, func) => new Promise(
        r => (
            intervalID = setInterval(func, ms), 
            wait(ms).then(r)
        )
    );

var myfunction = 
    () => new Promise(
        r => r(console.log('repeating...'))
    );

var stopAfter5Secs = 
    () => new Promise(
        r => r(setTimeout(() => { 
                    clearInterval(intervalID);
                    console.log('repeat end') 
               } , 5000))
    );

repeat(1000, () => Promise.all([myfunction()])) // 1000 miliseconds = 1 second
.then(stopAfter5Secs())  // starts timer to end repetitions
.then(console.log('repeat start')); // informs that all actions were started correctly and we are waiting for them to finish

Promiss.all 调用传递给它的任何可交互对象中的所有承诺。在这种情况下，一个只有一个元素的数组（myfunction）。我创建了一个简单的函数，它只将“重复”写入控制台，作为那个函数。但是，如果所有函数都返回 Promise，则可以传递任意数量的函数。

你可以在这里看到它的工作原理：https://jsfiddle.net/9n2knxdg/7/

【讨论】：

【解决方案2】：

一旦wait 在repeat 中结束，您可以解析从setInterval 返回的间隔，并使用clearInterval 清除间隔：

var wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

var repeat = (ms, func) => new Promise((resolve) => {
  const interval = setInterval(func, ms);
  wait(ms).then(() => resolve(interval));
});

repeat(1000, () => console.log("Repeated"))
  .then((interval) => {
    console.log("Stopping repeat");
    clearInterval(interval);
  });

虽然我不确定我是否理解 repeat 函数的用途。

【讨论】：