ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-26, Sunday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Async/Await භාවිතයෙන් JavaScript වැඩසටහන් වේගවත්, පිරිසිදු කරගන්න ඉක්මන් උපදෙස්

Async/Await භාවිතයෙන් JavaScript වැඩසටහන් වේගවත්, පිරිසිදු කරගන්න ඉක්මන් උපදෙස්

JavaScript සංවර්ධකයින්ට අසින්ක්‍රෝනස් මෙහෙයුම් දිනපතා මුහුණ දෙන්න වෙනවා – API වලින් දත්ත ලබා ගැනීම, ගොනු කියවීම, දත්ත ගබඩාවට සම්බන්ධ වීම වැනි. ඒ වෙනුවට දැන් async/await යනු ප්‍රමුඛ මාර්ගයක්, නමුත් එය නිවැරදිව භාවිතා නොකළොත් ඔබේ යෙදුම අහඹු ලෙස මන්දගාමී වෙයි.

async function NewbieWay() { const user = await fetchUserData(); // 2 seconds const products = await fetchProducts(); // 2 seconds return { user, products }; } මෙවැනි කේතය පේළි පේළි පිරිසිදු නමුත් දෙකම එකිනෙකට නිරතුරුවම රැඳී ඉන්නවා. fetchProducts එක fetchUserData අවසන් වීම තෙක් ආරම්භ නොවේ. ඒ නිසා මුළු කාලය 4 තත්පරයි, ඒත් දෙකම ස්වාධීන නම් එකවර ආරම්භ කරලා ඉවර වීමේ කාලය 2 තත්පරක් පමණයි.

ඒකට විසඳුම Promise.all භාවිතයයි. කේතය පහත පරිදි වෙනස් කළොත්, දෙකම එකවර ඇරඹෙයි, දෙකම සාර්ථකව අවසන් වීමට කාලය අඩු වේ.

async function ProWay() { const userPromise = fetchUserData(); const productsPromise = fetchProducts(); const [user, products] = await Promise.all([userPromise, productsPromise]); return { user, products }; } මෙහි ප්‍රධාන වාසිය නම්, දෙකම සමකාලීනව ක්‍රියාත්මක වන බැවින් කාර්ය සාධනය අඩු නොවේ.

ඇතිද? Promise.all එකේ එක් promise එකක් අසාර්ථක වුනොත් සම්පූර්ණ ප්‍රතිඵලය අසාර්ථක වේ. ඒ නිසා try/catch වළක්වා ගත යුතුයි.

async function SafeAndFast() { try { const [user, products] = await Promise.all([ fetchUserData(), fetchProducts() ]); return { user, products }; } catch (error) { console.error("Failed to fetch data:", error); // අවශ්‍ය පරිදි දෝෂය හසුරවන්න } } මෙහෙම 하면, දෝෂයක් වැළඳුනොත් පරිශීලකයාට නිවැරදි තොරතුරු ලබා දීමට හැකියාව ලැබේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

  • සැලසුම් ශිෂ්‍යයින් – async/await සහ Promise.all පිළිබඳ ප්‍රායෝගික උදාහරණයක් හරහා අසින්ක්‍රෝනස් තත්ත්වයේ කේතය කෙලින්ම පරීක්ෂා කර ගත හැක.
  • විකාශකයින් – කාර්ය සාධනය දෙගුණයකට වැඩි කරගැනීමේ සරළ උපදෙස්, වැඩි ලෝඩ් වෙලාවක් අවශ්‍ය නොවීම නිසා පරිශීලක අත්දැකීම උසස් වේ.
  • ව්‍යාපාර – API ඇමතුම් වේගවත් කිරීමෙන් සේවාදායකයෝ තරඟකාරී වෙළඳපලේ ඉදිරියට යා හැක, සම්පත් ආරක්ෂා කරගැනීමත් සමඟ පද්ධති පාලනය පහසු වේ.

අවසන් වශයෙන්, async/await ඔබේ කේතය සින්ක්‍රෝනස් වගේ පෙනෙන්න කරයි, නමුත් එහි අඩංගු අසින්ක්‍රෝනස් බලය අමතක නොකළ යුතුය. කාර්යයක් තවත් කාර්යයක් මත පදනම් වූ විට await භාවිතා කරන්න, ස්වාධීන නම් Promise.all සමඟ සමකාලීනව ක්‍රියාත්මක කරලා වේගවත්, පිරිසිදු කේතයක් ලියන්න.

💡 ඔබේ JavaScript කේතය දැන්ම වේගවත් කරමු!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#async #await #Promise.all #JavaScript #Performance