同じパラメータで一度処理された大きな JavaScript 関数の再実行を防ぎます。-jsチュートリアル-php.cn

同じパラメータで一度処理された大きな JavaScript 関数の再実行を防ぎます。

WBOY

リリース： 2024-08-28 06:08:06

オリジナル

545 人が閲覧しました

Prevents re-execution of large javascript functions that have been processed once with the same parameter.

メモフィ

同じパラメータで実行される関数のキャッシュ機構(メモライザー) (わずか1.14 KB)

このプロジェクトは、負荷の高い関数呼び出しの結果をキャッシュすることで、JavaScript または TypeScript プロジェクトのパフォーマンスを向上させるためのメモ化関数を提供します。メモ化することで、同じ引数で繰り返し呼び出しを行うと、キャッシュされた結果が返され、実行が高速化されます。

このモジュールは、react の useMemo フックのように機能しますが、react は必要ありません。任意のフレームワークまたは純粋な JavaScript プロジェクトを使用できます

Npm パッケージ
ギットハブ

特徴

関数のメモ化: 同じ引数を使用した関数呼び出しの結果をキャッシュします。
依存関係の追跡: 依存関係が変更された場合にキャッシュを更新します。
柔軟性: JavaScript プロジェクトと TypeScript プロジェクトの両方で使用可能。
CPU 負荷の高い操作や複雑な計算に最適なソリューション
切断された機能はメモリから削除されます。この関数に属するキャッシュも削除されます。
WeakMap ベースのキャッシュストア
WeakMap 弱い参照リンクと通信できないメソッドを切断し、ガベージコレクターの起動をトリガーします

使用例

depsパラメータなし

次のプロセスでは、同じパラメータで concatPhoneNumber メソッドが再度呼び出された場合、関数は再度実行されず、結果がキャッシュから取得されます。

import memofy from "memofy";

const concatPhoneNumber = (extension, number) => {
  // Heavy calculation
  // return result
};

const memoizedConcatPhoneNumber = memofy(concatPhoneNumber, []);

memoizedConcatPhoneNumber(90, 555); // Runs concatPhoneNumber when first run
memoizedConcatPhoneNumber(90, 555); // get value from cache

memoizedConcatPhoneNumber(90, 552); // Runs concatPhoneNumber because params is change

ログイン後にコピー

depsパラメータあり

依存関係に従って同じパラメータを使用してメソッドを再度実行する場合は、次のように deps パラメータを渡すことができます。

import memofy from "memofy";

const taxRatio = 0.5;
const product = { title: "Test product", price: 10 };

const calculateTax = () => {
  // Calculate tax by product price
  // Heavy calculation
  return taxRatio * product.price;
};

const memoizedConcatPhoneNumber = memofy(calculateTax, [product, taxRatio]);

calculatedPrice = calculateTax(); // Runs concatPhoneNumber when first run

product.price = 40;
let calculatedPrice = calculateTax(); // Runs concatPhoneNumber because product dep changed

taxRatio = 0.8;
calculatedPrice = calculateTax(); // Runs concatPhoneNumber because taxRatio changed

ログイン後にコピー