الدرس الثامن فى الجافا سكريبت

Errors

-سوف ندرس فى هذا الدرس الاخطاء وكيفية معالجتها والاخطاء هى اما اخطاء لغوية ناتجة عن كتابة كود الجافا سكريبت بصورة خاطئة او اخطاء ناتجة من المبرمج او اخطاء ناتجة عن مستخدم الموقع ولتفادى مثل هذة الاخطاء فان لغة الجافا سكريبت توفر لك الكود التالى لمعالجة الاخطاء:

try
{
//code here
}
catch(err)
{
//Handle errors here
}

حيث يوضع الكود المراد عمل اختبار علية بين اقواس كلمة (try) وتتم معالجة الاخطاء بين اقواس كلمة (catch) ولفهم كيفية معالجة الاخطاء فسناخذ مثال لا يوجد بة اخطاء ثم نعيد هذا المثال ولكن بوجود خطا ثم نطبق علية القاعدة السابقة لكى نتعلم كيفية معالجة الاخطاء:

مثال(1):

<!DOCTYPE html>

<html>

<head>

<script>

var txt=””;

function message()

{

try

{

alert(“Welcome guest!”);

}

catch(err)

{

txt=”Error description:” + err.message;

alert(txt);

}

}

</script>

</head>

<body>

<input type=”button” value=”View message” onclick=”message()”>

</body>

</html>

والمثال السابق هو مثال لايوجد بة اخطاء لذلك قام بتنفيذ الكود الموجود بين قوسى كلمة (try).

مثال(2):

<!DOCTYPE html>

<html>

<head>

<script>

var txt=””;

function message()

{

try

{

alertt(“Welcome guest!”);

}

catch(err)

{

txt=”Error description:” + err.message;

alert(txt);

}

}

</script>

</head>

<body>

<input type=”button” value=”View message” onclick=”message()”>

</body>

</html>

وهنا يوجد خطا موجود فى الكود وهو كتابة الرسالة التحذيرية بصورة خاطئة (alertt) لذلك فانة فى هذة الحالة لا ينفذ الكود الاول وينفذ الكود الثانى الموجود بين قوسى كلمة (catch) والكود الثانى هو عبارة عن رسالة تخبرك بانك كتبت الكود بشكل خاطىء حيث (err) هو متغير يكون ملازم (catch) ونستخدم (err.message) والتى تخرج لك نوع الخطا الموجود تلقائيا من داخل لغة الجافا سكريبت لذلك فملخص الكلام انة فى حالة كتابة الكود بشكل صحيح دون وجود خطا فان كلمة (try) هى التى تعمل فى هذة اللحظة اما اذا وجد خطا فانة فى هذة الحالة تعمل كلمة (catch).

-فى المثال السابق فان رسالة الخطا التى تخبرك بنوع الخطا هى رسالة تلقائية من داخل لغة الجافا سكريبت ولكن يمكنك ان تقوم بعمل رسالة او رسائل الخطا بنفسك دون استخدام رسائل الخطا الموجودة داخل لغة الجافا سكريبت وتتم عمل رسالة الخطا عن طريق استخدام كلمة (throw) وهذة الرسائل التى تقوم انت بنفسك بعملها لها اهمية كبيرة فى مساعدة زوار موقعك والمثال التالى يشرح عملها:

<!DOCTYPE html>

<html>

<body>

<script>

function myFunction()

{

var y=document.getElementById(“mess”);

y.innerHTML=””;

try

{

var x=document.getElementById(“demo”).value;

if(x==””) throw “empty”;

if(isNaN(x)) throw “not a number”;

if(x>10) throw “too high”;

if(x<5) throw “too low”;

}

catch(err)

{

y.innerHTML=”Error: ” + err + “.”;

}

}

</script>

<h1>My First JavaScript</h1>

<p>Please input a number between 5 and 10:</p>

<input id=”demo” type=”text”>

<button type=”button” onclick=”myFunction()”>Test Input</button>

<p id=”mess”></p>

</body>

</html>

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: