JavaScript循环计数器

时间: 2019-01-02阅读: 1619标签: 运算

js经常会遇到延迟执行的动作,并且失败后自动尝试,尝试N次之后就不再尝试的需求,今天刚好又遇到,于是写个闭包,以后不断完善继续复用。


用法:

// 检查并计数
// 第一个参数用来标记是尝试哪个动作的,第二个参数是最大尝试次数
// 返回 true表示未达到最大值  false表示超过最大值
Counter.check('play', 3); // 执行前3次返回true,第4次返回false,第5次返回true开始新循环...

// 计数器清0,执行成功后清空计数
// 第一个参数是标记
Counter.reset('play');

// 查看计数器值
// 第一个参数是标记
Counter.see('play');


我的使用例子:  

function action() {
    // do something or check somthing
    if (success || ready) {
        // 成功后清空计数器
        Counter.reset('play');
        return true;
    }
    // 检查是否重试超过10次
    if (! Counter.check('play', 10)) {
        return false;
    }
    // 500毫秒后继续尝试
    setTimeout(function(){
        action();
    }, 500);
    return false;
}


源码: 

var Counter = (function () {
    var flagArr = [];
    var count = [];
    var getIndex = function (flag) {
        if (flagArr.indexOf(flag) == -1) {
            flagArr.push(flag);
        }
        return flagArr.indexOf(flag);
    }
    return {
        check: function (flag, max) {
            let index = getIndex(flag)
            if (count[index] == undefined) {
                count[index] = {
                    count: 1,
                }
                return true;
            }
            count[index].count ++;
            if (count[index].count > max) {
                count[index].count = 0;
                return false;
            }
            return true;
        },
        reset: function (flag) {
            count[getIndex(flag)] = {
                count: 0,
            }
        },
        see: function (flag) {
            let index = getIndex(flag);
            return (count[index] == undefined) ? 0 : count[index].count;
        }
    }
})();


 来自:https://blog.csdn.net/c513881038/article/details/85551612


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1746

JS中三个点(...)

我们在看js代码时经常会出现(...)三个点的东西,它究竟是什么意思?又有何用处?下面我就给大家分享一下三个点的那些事

JavaScript中typeof运算符有什么用?

JavaScript中typeof运算符可以用来检测一个变量的类型。typeof运算符会返回一个字符串,表示未经计算的操作数的类型。typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。

哈夫曼树的js实现

哈夫曼树是数据压缩编码算法的基础,本文使用JavaScript语言实现了该算法。算法流程:输入待编码的字符串,算法去构造哈夫曼树,从而实现对字符串的二进制压缩编码。

js 浮点小数计算精度问题 parseFloat 精度问题

在js中进行以元为单位进行金额计算时 使用parseFloat会产生精度问题,parseFloat(price*100 * quantity)的计算结果是7693.000000000001 使用Math.round()方法四舍五入,再除100 即为正确的结果 PS:顺便学到了一点:Math.ceil() Math.floor() Math.round() 的区别

你真的理解了比较运算符吗?

平常我们都是不建议在代码上编写一些比较难理解的代码,例如 x == y 和 A> B。这篇文章或许不能给你带来什么大的帮助,但是却可以让你了解一些你可能没接触到的知识点。

关于js开发中保留小数位计算函数(以向上取整或向下取整的方式保留小数)

前端工作中经常遇到数字计算保留小数问题,由于不是四舍五入的方式不能使用toFixed函数,本文采用正则表达式匹配字符串的方式,解决对数字的向上或向下保留小数问题:

javascript如何四舍五入?

javascript四舍五入的方法:方法一、使用toFixed()方法可把Number四舍五入为指定小数位数的数字。方法二、使用round()方法可把一个数字舍入为最接近的整数。

JS怎样做四舍五入?

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数,则表示为:toFixed(Num);但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则

ES6中扩展运算符的8种用法

扩展操作符 … 是ES6中引入的,将可迭代对象展开到其单独的元素中,所谓的可迭代对象就是任何能用for of循环进行遍历的对象,例如:数组(数组常用方法)、字符串、Map (悟透Map)、Set (Set 如何使用?)、DOM节点等。

JavaScript 中的求值策略

最近在研究 lambda演算 中的 η-变换 在 JavaScript 中的应用,偶然在 stackoverflow 上看到一个比较有意思的问题。关于 JavaScript 的求值策略,问JS中函数的参数传递是按值传递还是按引用传递?回答很经典。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!