1. ホーム
  2. javascript

[解決済み] WebWorkerの正規表現マッチの計算が遅い(3倍) - firefoxのみ

2023-06-12 07:07:16

質問

まず最初に、プロジェクト内のすべてのヘッダーファイルのリストで、すべてのユニークな外部ライブラリのパスにマッチする正規表現を作成しました。 私はその正規表現を作ることに関して質問しました。 を作ることに関して質問しました。

私は、非同期およびWebワーカーになったときにどのように動作するかを確認するためにいじりはじめました。利便性と信頼性のために、私はこの 3 つのモードすべてで動作する汎用ファイルを作成しました。

/** Will call result() callback with every match it founds. Asynchronous unless called 
 *  with interval = -1.
 *  Javadoc style comment for Arnold Rimmer and other Java programmers:
 *  
 * @param regex regular expression to match in string
 * @param string guess what
 * @param result callback function that accepts one parameter, string match
 * @param done callback on finish, has no parameters
 * @param interval delay (not actual interval) between finding matches. If -1, 
 *        function  will be blocking
 * @property working false if loop isn't running, otherwise contains timeout ID
 *           for use with clearTimeout
 * @property done copy of done parameter
 * @throws heavy boulders
**/
function processRegex(regex, string, result, done, interval) {
  var m;
  //Please tell me interpreter optimizes this
  interval = typeof interval!='number'?1:interval;
  //And this
  processRegex.done = done;
  while ((m = regex.exec(string))) {
    Array.prototype.splice.call(m,0,1);
    var path = m.join("");
    //It's good to keep in mind that result() slows down the process
    result(path);
    if (interval>=0) {
      processRegex.working = setTimeout(processRegex, 
                              interval, regex, string, 
                              result, done, interval);
      // Comment these out for maximum speed
      processRegex.progress = regex.lastIndex/string.length;
      console.log("Progress: "+Math.round(processRegex.progress*100)+"%");
      return;
    }
  }

  processRegex.working = false;
  processRegex.done = null;
  if (typeof done=="function")
    done();
}
processRegex.working = false; 

私はテストファイルを作成しました、むしろそれをここに貼り付けるよりも、私は非常に信頼性の高いWebホスティングにそれをアップロードしました。 デモ - テストデータ .

私が非常に驚いているのは、RegExpのWeb Workerとブラウザの実行にこれほど大きな違いがあることです。私が得た結果です。

  • Mozilla Firefox
    • [WORKER]: Time elapsed:16.860s
    • [WORKER-SYNC]: Time elapsed:16.739s
    • [TIMEOUT]: Time elapsed:5.186s
    • [LOOP]: Time elapsed:5.028s

私の特定の正規表現では、同期ループと非同期ループの違いは重要ではないこともおわかりいただけるでしょう。ルックアヘッド式の代わりにマッチリストを使ってみたところ、結果は大きく変わりました。以下は、古い関数に対する変更点です。

function processRegexUnique(regex, string, result, done, interval) {
  var matchList = arguments[5]||[];
  ... same as before ...
  while ((m = regex.exec(string))) {
    ... same as before ...
    if (matchList.indexOf(path)==-1) {
      result(path);
      matchList.push(path);
    }
    if (interval>=0) {
      processRegex.working = setTimeout(processRegex, interval, 
                               regex, string, result, 
                               done, interval, matchList);
      ... same as before ...
    }
  }
  ... same as before ...
}

そして、その結果。

  • Mozilla Firefox
    • [WORKER]: Time elapsed:0.062s
    • [WORKER-SYNC]: Time elapsed:0.023s
    • [TIMEOUT]: Time elapsed:12.250s (自分へのメモ: 刻一刻と変になっていく)
    • [LOOP]: Time elapsed:0.006s

このような速度の違いを説明できる人はいますか?

どのように解決するのですか?

一連のテストの後、私はこれを確認しました。 Mozilla Firefox の問題であることを確認しました (私が試したすべての Windows デスクトップ バージョンに影響します)。Google Chrome、Opera、または Firefox モバイルでは、正規表現のマッチングは、ワーカーであるかどうかにかかわらず、ほぼ同じように行われます。

この問題を修正する必要がある場合は、次のように投票してください。 バグジラのバグ レポート . 何か変更があれば、追加情報を追加するようにします。