文章/答案/技术大牛

发布

社区首页 >问答首页 >在javascript中重复一个函数的最佳方法是什么？

问在javascript中重复一个函数的最佳方法是什么？
EN

Stack Overflow用户

提问于 2014-04-25 12:35:49

回答 1查看 2.2K关注 0票数 1

我正在做一些‘网络进化模型’的可视化类似的事情。

基本算法是：

一些init操作
100个进化步骤
一些操作
100个进化步骤
其他一些操作
100个进化步骤
从第一步开始(即初始操作)

因此，基本上，我必须重复这100个进化步骤3次，在两者之间进行独特的操作，然后再从头开始。

我的当前代码的结构有点像这样：

var timer;
var counter;
function bigFunction() {

    function hundredSteps() {

        // code for single step

        timer = setTimeout(hundredSteps(), 10);
        counter++;
        stage++;

        if (counter >= 100) {
            clearTimeout(timer);
            counter = 0;
            nextStage(stage);
        }
    }

    function nextStage(stage) {

        if (stage == 1) {
            // 1st step code, some init operations
            timer = setTimeout(hundredSteps(), 10);
        }

        if (stage == 2) {
            // 2nd step code, some operations
            timer = setTimeout(hundredSteps(), 10);
        }

        if (stage == 3) {
            // 3rd step code, some other operations
            stage = 0;
            timer = setTimeout(hundredSteps(), 10);
        }
    }

    var stage = 1;
    counter = 0;
    nextStage(stage);
}

所以我想问:这是一种编码我想要实现的目标的“适当”方式吗？或者，人们通常会有不同的做法吗？

javascript

repeat

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-25 12:42:10

要使用set，您需要将函数放入其中，而不是调用它。就像这样：

setTimeout(hundredSteps, 10)

或

setTimeout(function() {
  hundredSteps()
}, 10)

举个例子，我会把这一切都清理一下。在您的问题中，当计数器在下一步函数中增加时，您的阶段就会增加。您也有一个变量来跟踪计时器，当它不是完全必要的时候。

下面是一个工作示例的小提琴：http://jsfiddle.net/Czr8T/1/

var counter = 0,
    stage = 1

var hundredSteps = function() {
    counter++

    //Your code here            

    if (counter >= 100) {
        counter = 0
        nextStage()
    } else {
        window.setTimeout(hundredSteps, 10)
    }
}

var nextStage = function() {
    switch (stage) {
        case 1:
            //Your code here
            console.log("Stage one activated")
            break

        case 2:
            //Your code here
            console.log("Stage two activated")
            break

        case 3:
            //Your code here
            stage = 0
            console.log("Stage three activated")
            break
    }

    stage++
    window.setTimeout(hundredSteps, 10)
}

nextStage()

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23293345

复制

相似问题

问在javascript中重复一个函数的最佳方法是什么？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在javascript中重复一个函数的最佳方法是什么？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在javascript中重复一个函数的最佳方法是什么？
EN