Friday, August 31, 2012

Javascript Module 17

Try...Catch Statement
ဆိုတာက block ထဲ႔က code ကို error ေတြအတြက္ စစ္ေဆးဖို႔အသံုးျပဳပါတယ္
Catching Errors
internet ေပၚက webpage ေတြကိုၾကည္႔တဲ႔အခါ Do you want to Debug ? လိုမ်ိဳးေမးတဲ႔ alert box ေလးေတြကိုျမင္ဖူးၾကမွာပါ
ဒါက developer ေတြအတြက္အသံုး၀င္တဲ႔ runtime error ေလးပါ user ေတြအတြက္ေတာ႔မဟုတ္ပါဘူး
ဒီလိုမ်ိဳး error ေလးေတြေတြ႔ျပီဆိုရင္ user က အဲဒီ PAGE ကေနထြက္သြားမွာပါ

ဒီသင္ခန္းစာမွာေတာ႔ ဒါကိုဘယ္လိုသံုးျပီး ေျဖရွင္းရမယ္ဆိုတာကိုရွင္းျပေပးထားပါတယ္
try .. catch Statement
သူကို error စစ္ဖို႔အတြက္အသံုးျပဳခဲ႔တယ္လို႔အေပၚမွာေျပာခဲ႔တယ္
try block ထဲမွာ run ဖို႔ေရးထားတဲ႔ code ေတြပါ၀င္ပါတယ္ catch block ထဲမွာေတာ႔ error ေတြ႔တဲ႔အခါ လုပ္လုပ္မယ္ code ကိုေရးထားပါတယ္
Syntax
try
{
// Run Some code here
}
catch (err)
{
//Handle errors here
}
သတိထားရမွာက try catch ကို ေရးတဲ႔အခါ lowercase နဲ႔ေရးရပါတယ္ Uppercase နဲ႔ေရးမယ္ဆိုရင္ေတာ႔ Js error ေပါ႔

ေအာက္ကနမူနာေလးမွာ button ကို click လုပ္တယ္ဆိုရင္ Welcome cyberoot ဆိုတဲ႔ alert ကို ေရးထားမယ္ဆိုပါစို႔
ဒါကိုကၽြန္ေတာ္က message function ထဲမွာေရးထားမယ္ျပီးေတာ႔ alert ကို  adddlert () ဆိုျပီးမွားျပီးေရးထားမယ္
ဒါဆို js error ကိုေတြ႔ရမွာပါ အဲဒီအခါမွာေတာ႔ catch block က error ကိုရွာျပီး execute လုပ္ေပးမွာျဖစ္ပါတယ္
နမူနာ
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.description + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);
  }
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()" />
</body>

</html>
 
The Output is
There was an error on this page.

Error description: undefined

Click OK to continue.

ေနာက္ထပ္ နမူနာတစ္ခုကေတာ႔ confirm box ကိုသံုးျပီး try..catch ကိုသံုးျပထားတာပါ
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Click OK to continue viewing this page,\n";
  txt+="or Cancel to return to the home page.\n\n";
  if(!confirm(txt))
    {
    document.location.href="http://cyberoot.blogspot.com/";
    }
  }
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()" />
</body>

</html>

ေနာက္တစ္ခုက throw Statement ပါ
သူကိုေတာ႔ try..catch statement နဲ႔အတူတူအသံုးျပဳလို႔ရပါတယ္ error အတြက္ အသံုးျပဳပါတယ္
ေနာက္လာမယ္႔သင္ခန္းစာမွာ throw ကိုရွင္းမွာပါ
အဆင္ေျပၾကပါေစ

No comments:

Post a Comment

Thanks for your comments
Welcome from cyberoot