javascript - 如何在仍返回值的情况下中断自定义方法链？

Question

我对搜索变量进行了替换，将已知组转换为组名称。

我觉得，在每一步，我都可以进行正则表达式匹配，看看搜索查询中是否仍有两个或更多组成员，如果没有，则中止链。这是我经常使用的一个函数，如果没有剩余的匹配项，它负责跳出进程。

我的实际替换链有 15 个长，如果我可以在第一个或第二个替换链中跳出，这似乎是合适的。

所以，我想我会写这样的东西

String.prototype.abortreplace = function (m,r) {
    var toreturn;
    if (this.match(/\b\w\b/g).length > 0) {
        toreturn = this.replace(m,r); 
    } else {
        return;
    }
    return toreturn;
}

tx = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p";
tx2 = tx.abortreplace(/a,b,c/g,"first three letters").abortreplace(/d,e,f/g,"second three letters").abortreplace(/g,h,i/g,"third three letters").abortreplace(/j,k,l/g,"fourth three letters").abortreplace(/m,n,o/g,"fifth three letters").abortreplace(/p,q,r/g,"sixth three letters");
alert(tx2);

这适用于这个特定的字符串，因为字符串末尾有 p，而且我已将其设置为 length > 0。实际上，长度将为length > 2。在这种情况下，它会返回 undefined 并中断。 我很好奇如何返回字符串并仍然打破链条。(我也尝试过return false，它返回 false 而不是未定义)。

String.prototype.abortreplace = function (m,r) {
    var toreturn;
    if (this.match(/\b\w\b/g).length > 2) {
        toreturn = this.replace(m,r); 
    } else {
        return;
    }
    return toreturn;
}

tx = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p";
tx2 = tx.abortreplace(/a,b,c/g,"first three letters").abortreplace(/d,e,f/g,"second three letters").abortreplace(/g,h,i/g,"third three letters").abortreplace(/j,k,l/g,"fourth three letters").abortreplace(/m,n,o/g,"fifth three letters").abortreplace(/p,q,r/g,"sixth three letters");
alert(tx2);

一个明确的解决方法是在条件不匹配时简单地返回此，但这当然不会中断链，它只是否定每个后续步骤。

我也知道我可以做大致如下的事情:

var groups = ["a,b,c","d,e,f"]
var gnames = ["first three letters","second three letters"]
function chainreplace(query,step) {
  if (this.match(/\b\w\b/g).length > 0) {
    query = query.replace(groups[step],gnames[step]);
    if (step < groups.length) {
      query = chainreplace(query,step+1);
    }
    return query;
  }
}
chainreplace("a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p",1);

但如果可能的话，我更喜欢链接方法，更容易重用(类似，但不相同)，而无需创建更多对象数组

Answer 1

您可以想出自己的数据结构来完成您想要的操作，而不是将自己的方法放在 String 原型(prototype)上(呃)。

下面的想法是，有一种类型的对象可以执行您想要的处理并返回可链接的对象，并且当时间到来时，它可以返回具有相同接口(interface)的不同类型，从而短路后续的链接调用:

var replacer = (function() {
  function fixedReplacer(str) {
    var r = {
      abortreplace: function() {
        // this abortreplace just returns the object it was called on
        return r;
      },
      toString: function() {
        return str;
      }
    };
    return r;
  }

  function replacer(str) {
    return {
      abortreplace: function(m, r) {
        return (str.match(/\b\w\b/g)||[]).length > 2 
          ? replacer(str.replace(m, r)) 
          : fixedReplacer(str);
      },
      toString: function() {
        return str;
      }
    };
  }
  
  return replacer;
})();

tx = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p";
tx2 = replacer(tx)
  .abortreplace(/a,b,c/g, "first three letters")
  .abortreplace(/d,e,f/g, "second three letters")
  .abortreplace(/g,h,i/g, "third three letters")
  .abortreplace(/j,k,l/g, "fourth three letters")
  .abortreplace(/m,n,o/g, "fifth three letters")
  .abortreplace(/p,q,r/g, "sixth three letters")
  .toString();
console.log(tx2);

当然，这并不能阻止所有 15 个方法调用的发生(正如 Felix 和 Bergi 指出的那样，如果不抛出异常，这是不可能的)，但它可以显着减少执行的计算量。