什么'这是停止递归回调的最佳方法

What's the best way to stop a recursive callback?

本文关键字：回调 递归 最佳 方法 什么      更新时间：2023-09-26

我正在尝试使用jquery库"jquery.transit"进行元素抖动，这是代码。

var s = $('myele');
var randomTran = function(){
    var rh = Math.floor((Math.random() * 10) - 5),
        rv = Math.floor((Math.random() * 10) - 5);
    s.transit({x:rh,y:rv},50,randomTran)
    }

问题是元素会不断抖动，我需要在递归回调中添加一些停止符号。我能想到的是在函数外设置一个变量作为标志。

var s = $('myele');
var flag = 0;
var randomTran = function(){
    if (flag<6) {
        var rh = Math.floor((Math.random() * 10) - 5),
        rv = Math.floor((Math.random() * 10) - 5);
        s.transit({x:rh,y:rv},50,randomTran)
    };
    flag++;
    }

但有了这个，我闻到了全球变量的恶臭。那么问题1有更好的方法吗？问题2：有没有什么插件可以让元素抖动？

您可以在没有全局的情况下做同样的事情：

var randomTran = function(flag){
  flag = flag || 0;
  if (flag<6) {
    var rh = Math.floor((Math.random() * 10) - 5),
        rv = Math.floor((Math.random() * 10) - 5);
    s.transit({x:rh,y:rv},50,randomTran.bind(this, ++flag))
  };
}

除了s之外，它不依赖于任何外部变量，而且在编写时，不需要修改任何其他代码。

为什么要将其全局化？您可以简单地将其附加到s对象。

var s = $('myele');
s.shakesLeft = 10;
var randomTran = function() {
    if (s.shakesLeft--) {
        var rh = Math.floor((Math.random() * 10) - 5),
            rv = Math.floor((Math.random() * 10) - 5);
        s.transit({x:rh,y:rv},50,randomTran)
    }
}
相关文章：