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

JavaScript ඩිබග් කිරීමේ නව ක්‍රම: console.log එකට වඩා හොඳ මාර්ග

JavaScript ඩිබග් කිරීමේ නව ක්‍රම: console.log එකට වඩා හොඳ මාර්ග

JavaScript ඉගෙන ගන්නා අය බොහොමයක්ම console.log() එක භාවිතා කරලා තමයි කේතයේ අගයන් පරීක්ෂා කරනවා. මේ ක්‍රමය පළමුවැන්නට හොඳද, නමුත් ප්‍රොජෙක්ට් එක විශාල වුනාම එය කාර්යක්ෂමතාව අඩු කරයි.

ඉතින්, දැන් console.log එකට අමතරව භාවිතා කළ හැකි වඩාත් ප්‍රායෝගික, වේගවත් ඩිබග් උපකරණ කිහිපයක් ගැන කතා කරමු.

ඩිබග් කිරීමේ ප්‍රායෝගික ක්‍රම

  • Browser Debugger – කේතය තුළ debugger; කියලා ලියලා දමා, බ්‍රවුසරයේ DevTools එකේ ක්‍රියාත්මක වීම නවතන්න. එතැනින් වාරිකව වාරිකව වෙනස් වරියන් පරීක්ෂා කරන්න, call stack එක බලන්න, පියවරෙන් පියවරෙන් කේතය ධාවනය කරන්න.
  • console.table() – ලැයිස්තු වර්ගයක දත්ත පෙන්වන්න console.log() වෙනුවට console.table() භාවිතා කරන්න. එයින් අඩු පේළි, තීරුවක් වගේ පිරිසිදු පෙන්වීමක් ලැබේ. API ප්‍රතිචාර, නිෂ්පාදන ලැයිස්තු, පරිශීලක තොරතුරු වැනි දේවල් සඳහා ඉතා සුදුසුයි.
  • console.group() – බොහෝ ලොග් පණිවුඩ එකට එකතු කරලා ගැලපෙන්න. console.group('Login Process') කියලා ආරම්භ කර, සම්බන්ධිත පණිවුඩ එකතු කර, console.groupEnd() නෙවෙනි අවසානයේ දමන්න. මෙයින් කන්සෝලය පැහැදිලි වෙයි.
  • Performance Timing – කාර්යයක් කීයක් කාලයක් ගනීද කියලා console.time('fetchUsers') හා console.timeEnd('fetchUsers') භාවිතා කර බලන්න. අතිරේක මෙවලම් අවශ්‍ය නැතිව කාලය මැනගන්න පුළුවන්.
  • Breakpoints – Chrome, Firefox DevTools වලින් සෘජුව ලයින් අංකයක් අසල ක්ලික් කර breakpoint එකක් සකසන්න. එතැනින් වාරිකව පරීක්ෂා, variable inspection, code execution වැනි වැඩ කරගත හැකිය. සංකීර්ණ දෝෂ සඳහා ලොග් රැසක් එක්ක තරඟ කරලා ඉක්මනින් හඳුනාගන්න පුළුවන්.
  • Error Messages – දෝෂ පණිවුඩය පළමුවම හොඳින් කියවා ගන්න. එය ගොනුවේ නාමය, පේළිය, දෝෂ වර්ගය, සිදු වූ function එක කියලා බොහෝ තොරතුරු දෙනවා. ඒ තොරතුරු පදනම් කරගෙන විසඳුමක් සොයාගැනීම වේගවත් වේ.
  • Deploy කිරීමට පෙර Cleanup – production එකට යාමේ කලින් console.log, debugger වැනි අත්‍යවශ්‍ය නොවන කේත ඉවත් කරන්න. මෙයින් codebase එක පිරිසිදු, maintainable වේ.

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

ශ්‍රී ලංකාවේ තරුණ සංවර්ධකයින්, විද්‍යාත්මක පර්යේෂකයින්, ව්‍යාපාරිකයින්ට JavaScript ඩිබග් කිරීමේ නව ක්‍රම ඉගෙන ගැනීම ඉතා වැදගත්. කාර්යක්ෂම DevTools භාවිතා කරලා දෝෂ හඳුනා ගැනීම වේගවත් වීම නිසා නිෂ්පාදන ගුණාත්මකභාවය වැඩිවෙයි. එමෙන්ම, console.table, console.group වැනි විශේෂාංගයන්ගෙන් ලොග් පරිපාලනය පහසු කර, කණ්ඩායම් වැඩේදී සම්බන්ධතා අඩු කරයි. කාලය මැනීමේ උපකරණ (console.time) මගින් වෙබ් සේවා වේගය අලවිකර, පාරිභෝගික අත්දැකීම් උසස් කරයි. මේ සියල්ලම ශ්‍රී ලංකාවේ තොරතුරු තාක්ෂණ ක්ෂේත්‍රයේ තරඟකාරීත්වය වැඩි කර, දේශීය start‑up සහ IT සමාගම්වලට ලාභදායී වේ.

අවසානයේ, console.log() තවත් වැදගත් උපකරණයක් වන අතර, නව DevTools, breakpoints, console.table, performance timers වැනි ක්‍රම සමඟ ඒකතු කිරීමෙන් ඔබේ වැඩ කාලය බොහොමයක් ඉතිරි කර ගත හැකිය. ඔබත් අදම මේ උපකරණ අත්හදා බලන්න!

💡 ඔබේ ඩිබග් කුසලතා දැන් වර්ධනය කරමු!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#JavaScript #Debugging #WebDev #Tips #SriLanka