Creative Coder Myanmar

329 views13:59

Memoize function နဲ့အတူ Code Performance ကို တိုးမြှင့်ကြရအောင် 👀

Memoize function ကိုအသုံးပြုဖူးပြီးပြီလား Developer ကြီးတို့ရေ 👀

အသုံးမပြုဖူးသေးရင် code example လေးနဲ့အတူ စမ်းသုံးကြည့်ရအောင်။

function memoize(fn) {
const cache = new Map();
return function (...args) {
const key = JSON.stringify(args);
if (cache.has(key)) {
return cache.get(key);
}
const result = fn(...args);
cache.set(key, result);
return result;
};
}

const cache = new Map();
ပထဆုံအနေနဲ့ cache ဆိုတဲ့ collection ကို new Map() object နဲ့ variable တစ်ခုထဲ သိမ်းထားလိုက်ပါတယ်
return function (...args) {
const key = JSON.stringify(args);
const result = fn(...args);
cache.set(key, result);
return result;
};
return function (...args) {}
ဒီ code လေးကတော့ memorize function က နေပြန်ပေးမယ့် function ဖြစ်ပြီး (...args) က တော့ rest parameter သုံးထားတာကြောင့် ကြိုက်သလောက် arg ပေးလို့ရအောင်ဖြစ်ပါတယ်။

const key = JSON.stringify(args);
ဒီ code မှာဆိုရင် cache ထဲထည့်သိမ်းဖို့ variable key ထဲမှာ သိမ်းမှာဖြစ်လို့ args ကို json.stringify နဲ့
string ဖြစ်အောင် လုပ်လိုက်ပါတယ်။

if (cache.has(key)) {
return cache.get(key);
}
ပြီးရင်‌တော့ cache ထဲမှာ ခုနက သိမ်းထားတဲ့ key ရှိမရှိစစ်ပြီး ရှိရင် cache ထဲက data ကို return ပေးပါတယ်
const result = fn(...args);
cache ထဲမှာ သိမ်းထားတဲ့ function မရှိရင် ဒီ code က အလုပ်လုပ်မှာ ဖြစ်ပါတယ်။
const result = fn(...args);

function ကို (...arg) ဒီဟာကတော့ spread operator နဲ့ function ကို trigger လိုက်ပြီး ရလာတဲ့ data ကို result ဆိုတဲ့ variable ထဲထည့်သိမ်းထားလိုက်ပါတယ်
cache.set(key, result);
ဒီဟာကတော့ cache ထဲမှာ key,value နဲ့ ထည့်သိမ်းလိုက်ပါတယ်။

return result;
ပြီးတော့ ရလာတဲ့ data ကို return လိုက်ပါတယ်

example Usage ကတော့
function sumArray(arr) { console.log("Calculating sum..."); return arr.reduce((total, num) => total + num, 0); }
const memoizedSumArray = memoize(sumArray);
const arrays = [1, 2, 3, 4, 5]
memoizedSumArray(arr) // output:15

ဒီမှာဆိုရင် 15 ကို return ပြန်ပေးတာကိုတွေ့ရမှာပါ။

စမ်းသုံးကြည့်ဖူးတဲ့ Developer တွေရှိရင် comment မှာရေးပေးသွားကြပါဦးနော် 👀

#creative_coder_myanmar

465 views14:00