微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

有人可以帮助我理解这两行代码并改进它们实际上允许我停止重复吗?

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(...)

解决方法:

第一行(等待)只是等待一定的毫秒数然后结束.

第二行(repeat)编程一个函数在一定的时间间隔(setInterval)中运行,然后调用wait并将重复函数上设置的毫秒数传递给它.这些函数只调用一次. Javascript的setInterval内部控件是从现在开始对calling()=>进行控制的内容. 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调用传递给它的任何可交换对象中的所有promisses.在这种情况下,只有一个元素(myfunction)的数组.我创建了一个简单的函数,它只将’重复’写入控制台,成为该函数.但是如果所有函数都返回promisses,你可以传递任意数量的函数.

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐