Backbone.js在切换视图时打破每个循环

Question

我有一个单例骨干视图：

 TestView = Backbone.View.extend({
           initialize : function(){
            _.each(array,function(arrayElement){
               //-do something     
          });
       };

})
return TestView()

问题是我想重用此视图，但有时“每个”循环在其上迭代的数组很大，因此当我切换视图并重新输入（重用）此视图时，先前的每个循环仍在运行。 有没有一种方法可以在切换视图时停止已经执行的每个循环？

Answer 1

我不这么认为，因为_.each是同步操作，并且您无法通过任何标志或任何方式对其进行控制。.我建议您使用带有偏移量的递归setTimeout （只是使其异步且非阻塞）几毫秒的时间，也许您将能够中断执行。

var arr = [1,2,3];

function asyncEach(elementsArray) {
  var element;

  if (globalFlag) {
    element = elementsArray.shift();

    // do something with element

    setTimeout(function () {
      asyncEach(elementsArray);
    }, 10);
  }
}

Answer 2

您可以使用_.every()代替_.each() 。 只需确保返回true或false即可指示是否继续循环。

      initialize : function(){
        _.every(array,function(arrayElement){
           //-do something

           if (shouldIContinue) {
               return true;
           } else {
               return false;
           }
        });